タブシート記述ボキャブラリに属する要素のCSS Level 2への対応状況を説明します。なお、タブシート記述ボキャブラリに属する要素は、以下の説明内の一覧に記載されていないスタイルシートのプロパティには対応していません。
タブシート記述ボキャブラリの仕様について、詳しくは「タブシート記述リファレンス」をご覧ください。以下の説明中でタブシート記述ボキャブラリの要素を記述するときには、名前空間接頭辞に
tab: を使用します。
タブシート記述ボキャブラリに属する要素のCSS Level 2への対応状況を説明します。なお、タブシート記述ボキャブラリに属する要素は、以下の説明内の一覧に記載されていないスタイルシートのプロパティには対応していません。
タブシート記述ボキャブラリの仕様について、詳しくは「タブシート記述リファレンス」をご覧ください。以下の説明中でタブシート記述ボキャブラリの要素を記述するときには、名前空間接頭辞に
tab: を使用します。
タブシート記述ボキャブラリの要素ごとに、CSS Level 2 への対応状況とスタイルシートを指定しなかったときに適用されるデフォルトのスタイルについて説明します。
widthプロパティとheightプロパティへの<length>指定以下の説明では、各要素でwidthプロパティとheightプロパティに指定できる値の範囲をpx（ピクセル）単位で示します。そのほかの単位では、値をpx単位に換算して範囲に含まれるか含まれないかを確認します。
CSS Level 2 への対応状況
| プロパティ | 対応状況 | 備考 |
|---|---|---|
margin
margin-top
margin-right
margin-bottom
margin-left
|
部分対応 |
autoには対応していません。 |
padding
padding-top
padding-right
padding-bottom
padding-left
|
対応 |
-
|
border-width
border-top-width
border-right-width
border-bottom-width
border-left-width
|
対応 |
-
|
border-color
border-top-color
border-right-color
border-bottom-color
border-left-color
|
対応 |
-
|
border-style
border-top-style
border-right-style
border-bottom-style
border-left-style
|
対応 |
-
|
border
border-top
border-right
border-bottom
border-left
|
対応 |
-
|
width
|
対応 |
-
|
min-width
max-width
|
非対応 |
-
|
height
|
対応 |
-
|
min-height
max-height
|
非対応 |
-
|
line-height
|
非対応 |
-
|
vertical-align
|
非対応 |
-
|
color
|
非対応 |
-
|
background-color
|
対応 |
-
|
background-image
|
対応 |
-
|
background-repeat
|
対応 |
-
|
background-attachment
|
非対応 |
-
|
background-position
|
部分対応 |
<percentage>だけに対応しています。そのほかの指定をしても、<percentage>として解釈されます。 |
background
|
対応 |
-
|
font-family
|
非対応 |
-
|
font-style
|
非対応 |
-
|
font-variant
|
非対応 |
-
|
font-weight
|
非対応 |
-
|
font-stretch
|
非対応 |
-
|
font-size
|
非対応 |
-
|
font-size-adjust
|
非対応 |
-
|
font
|
非対応 |
-
|
text-indent
|
非対応 |
-
|
text-align
|
非対応 |
-
|
text-decoration
|
非対応 |
-
|
text-shadow
|
非対応 |
-
|
letter-spacing
|
非対応 |
-
|
word-spacing
|
非対応 |
-
|
text-transform
|
非対応 |
-
|
white-space
|
非対応 |
-
|
cursor
|
部分対応 | 対応状況は、「CSS level 2サポート状況」の「15.1.ポインタの形状」と同じです。 |
outline
outline-color
outline-style
outline-width
|
非対応 |
-
|
tab:tabs要素には、デフォルトで適用されるスタイルは定義されていません。CSS Level 2 への対応状況
| プロパティ | 対応状況 | 備考 |
|---|---|---|
margin
margin-top
margin-right
margin-bottom
margin-left
|
部分対応 |
|
padding
padding-top
padding-right
padding-bottom
padding-left
|
対応 |
-
|
border-width
border-top-width
border-right-width
border-bottom-width
border-left-width
|
対応 |
-
|
border-color
border-top-color
border-right-color
border-bottom-color
border-left-color
|
対応 |
-
|
border-style
border-top-style
border-right-style
border-bottom-style
border-left-style
|
対応 |
-
|
border
border-top
border-right
border-bottom
border-left
|
対応 |
-
|
width
|
対応 |
-
|
min-width
max-width
|
非対応 |
-
|
height
|
対応 |
-
|
min-height
max-height
|
非対応 |
-
|
line-height
|
非対応 |
-
|
vertical-align
|
非対応 |
-
|
color
|
対応 |
-
|
background-color
|
対応 |
-
|
background-image
|
対応 |
-
|
background-repeat
|
対応 |
-
|
background-attachment
|
非対応 |
-
|
background-position
|
部分対応 |
<percentage>だけに対応しています。そのほかの指定をしても、<percentage>として解釈されます。 |
background
|
対応 |
-
|
font-family
|
対応 |
-
|
font-style
|
部分対応 | 対応状況は、「CSS level 2 サポート状況」の「12.2. フォントスタイル」と同じです。 |
font-variant
|
非対応 |
-
|
font-weight
|
部分対応 | 対応状況は、「CSS level 2 サポート状況」の「12.4. フォントの太さ」と同じです。 |
font-stretch
|
非対応 |
-
|
font-size
|
対応 |
-
|
font-size-adjust
|
非対応 |
-
|
font
|
部分対応 | 各プロパティによる一括指定（font-style、font-variant、font-weight、font-size、line-height、font-family）と、inheritの指定に対応しています。キーワードによる一括指定（ caption、icon、menu、message-box、small-caption、status-bar）には対応していません。 |
text-indent
|
非対応 |
-
|
text-align
|
非対応 |
-
|
text-decoration
|
部分対応 | 対応状況は、「CSS level 2 サポート状況」の「13.3. 文字飾り」と同じです。 |
text-shadow
|
非対応 |
-
|
letter-spacing
|
非対応 |
-
|
word-spacing
|
非対応 |
-
|
text-transform
|
非対応 |
-
|
white-space
|
非対応 |
-
|
cursor
|
部分対応 | 対応状況は、「CSS level 2サポート状況」の「15.1. ポインタの形状」と同じです。 |
outline
outline-color
outline-style
outline-width
|
非対応 |
-
|
tab {
background-color: ThreeDShadow;
color: black;
border: 1px solid;
border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
padding: 3px;
font-size: small;
}
tab:active {
border-bottom-color:ThreeDFace;
background-color: ThreeDFace;
}
tab:head要素、tab:title要素、tab:style要素は、それ自身が表示領域内に描画される要素ではないので、CSSには対応していません。