CSS仕様の実装状況
Antenna House Formatter V7.4のCSS実装は、次の仕様に基づいて作成されています。
- [CSS 2.1] Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) (W3C勧告 2011-06-07)
- [CSS3-Align] CSS Box Alignment Module Level 3 (W3Cドラフト仕様 2023-02-17)
- [CSS3-Background] CSS Backgrounds and Borders Module Level 3 (W3C勧告 2017-10-17)
- [CSS3-Box] CSS basic box model (W3Cドラフト仕様 2007-08-09)
- [CSS3-Break] CSS Fragmentation Module Level 3 (W3C勧告候補 2017-02-09)
- [CSS3-Color] CSS Color Module Level 3 (W3C勧告提案 2018-03-15)
- [CSS3-Content] CSS Generated Content Module Level 3 (W3Cドラフト仕様 2016-06-02)
- [CSS3-CounterStyles] CSS Counter Styles Level 3 (W3C勧告候補 2017-12-14)
- [CSS3-FlexBox] CSS Flexible Box Layout Module Level 1 (W3C勧告候補 2018-11-19)
- [CSS3-Fonts] CSS Fonts Module Level 3 (W3C勧告候補 2018-03-15)
- [CSS3-GCPM] CSS Generated Content for Paged Media Module (W3Cドラフト仕様 2014-05-13)
- [CSS3-Grid] CSS Grid Layout Module Level 2 (W3C勧告候補ドラフト 2020-12-18)
- [CSS3-Images] CSS Image Values and Replaced Content Module Level 3 (W3C勧告候補 2012-04-17)
- [CSS3-Inline] CSS Inline Layout Module Level 3 (W3ドラフト仕様 2018-08-08)
- [CSS3-Line] CSS3 module: line (W3Cドラフト仕様 2002-05-15)
- [CSS3-Lists] CSS Lists and Counters Module Level 3 (W3Cドラフト仕様 2014-03-20)
- [CSS3-Logical] CSS Logical Properties and Values Level 1 (W3Cドラフト仕様 2018-08-27)
- [CSS3-Multicol] CSS Multi-column Layout Module Level 1 (W3Cドラフト仕様 2017-10-05)
- [CSS3-Namespaces] CSS Namespaces Module Level 3 (W3C勧告 2011-09-29、変更を追加 2014-3-20)
- [CSS3-Page] CSS Paged Media Module Level 3 (W3Cドラフト仕様 2018-10-18)
- [CSS3-Ruby] CSS Ruby Layout Module Level 1 (W3Cドラフト仕様 2014-08-05)
- [CSS3-Selectors] Selectors Level 3 (W3C勧告候補 2018-01-30)
- [CSS4-Selectors] Selectors Level 4 (W3Cドラフト仕様 2022-11-11)
- [CSS3-Text] CSS Text Module Level 3 (W3Cドラフト仕様 2017-08-22)
- [CSS3-TextDecor] CSS Text Decoration Module Level 3 (W3C勧告候補 2013-08-01)
- [CSS3-Transforms] CSS Transforms Module Level 1 (W3Cドラフト仕様 2017-11-30)
- [CSS3-UI] CSS Basic User Interface Module Level 3 (W3C勧告提案 2017-12-14)
- [CSS3-Values] CSS Values and Units Module Level 3 (W3C勧告候補 2016-09-29)
- [CSS3-WritingModes] CSS Writing Modes Module Level 3 (W3C勧告候補 2017-12-07)
- [CSS3-CustomProperties] CSS Custom Properties for Cascading Variables Module Level 1 (W3C勧告候補 2015-12-03)
CSS3/CSS4仕様の多くは、まだドラフトやそれ以前の状態にあります。 上記のリンク先は、Antenna House Formatter V7.4 の実装のベースになっている仕様を指していますが、Antenna House Formatter V7.4 はそれを完全に実装しているわけではありません。 この文書中でのそれぞれのプロパティなどにベースとされた仕様へのリンクが含まれています。(先頭の [CSS3-GCPM] 等は、その仕様を引用するときの略称です)
- [○]は機能が実装されている項目を表します。
- [△]は部分的実装項目を表します。
- [×]は未実装の項目を表します。
[○]であっても、実用上差し支えない範囲での制限が存在する場合があります。
CSS Level 2 Revision 1 (CSS 2.1)
4 Syntax and basic data types
仕様項目 | 実装状況 | 備考 |
---|---|---|
4.3.5 Counters: counter(), counters() | ○ | ☞ counter() |
4.4 @charset | ○ | ☞ 対応エンコーディング |
5 Selectors
仕様項目 | 実装状況 | 備考 |
---|---|---|
5.2.1 Grouping (,) | ○ | |
5.3 Universal selector (*) | ○ | |
5.4 Type selectors (E) | ○ | |
5.5 Descendant selectors (E F) | ○ | |
5.6 Child selectors (E > F) | ○ | |
5.7 Adjacent sibling selectors (E + F) | ○ | |
5.8.1 Matching attributes and attribute values ([att], [att=val], [att~=val], [att|=val]) | ○ | |
5.8.3 Class selectors (.class) | ○ | |
5.9 ID selectors (#id) | ○ | |
5.11.1 The :first-child pseudo-class | ○ | |
5.11.2 The link pseudo-classes: :link and :visited | △ | :visited には対応していません。 |
5.11.3 The dynamic pseudo-classes: :hover, :active and :focus | × | |
5.11.4 The language pseudo-class: :lang() | ○ | |
5.12.1 The :first-line pseudo-element | ○ | |
5.12.2 The :first-letter pseudo-element | ○ |
以下の display model の要素でのみ効果があります。
|
5.12.3 The :before and :after pseudo-elements | ○ |
6 Assigning property values, Cascading, and Inheritance
仕様項目 | 実装状況 | 備考 |
---|---|---|
6.2.1 The 'inherit' value | ○ | |
6.3 The @import rule | ○ | |
6.4.2 !important rules | ○ |
7 Media types
仕様項目 | 実装状況 | 備考 |
---|---|---|
7.2.1 The @media rule | △ | メディアタイプ 'print' および 'all' に対応。 'ah-formatter' というメディアタイプが指定でき、その@mediaが適用されます。これは、Antenna House Formatter V7.4以外では無効なメディアタイプとして扱われるでしょう。また、media-query には対応していませんが、not screen のように not を指定することはできます。 |
8 Box model
仕様項目 | 実装状況 | 備考 |
---|---|---|
8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', 'margin' | ○ | |
8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', 'padding' | ○ | |
8.5.1 Border width: 'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width', 'border-width' | ○ | |
8.5.2 Border color: 'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color', 'border-color' | ○ | 値が拡張されています。 ☞ <color> |
8.5.3 Border style: 'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style', 'border-style' | ○ | 値が拡張されています。 ☞ <border-style> |
8.5.4 Border shorthand properties: 'border-top', 'border-right', 'border-bottom', 'border-left', 'border' | ○ |
9 Visual formatting model
仕様項目 | 実装状況 | 備考 |
---|---|---|
9.2.4 The 'display' property | ○ | 拡張されています。 ☞ display |
9.3.1 Choosing a positioning scheme: 'position' | ○ | |
9.3.2 Box offsets: 'top', 'right', 'bottom', 'left' | ○ | |
9.5.1 Positioning the float: 'float' | ○ | float内の改ページ(改段)に対応。 |
9.5.2 Controlling flow next to floats: 'clear' | ○ | |
9.9.1 Specifying the stack level: 'z-index' | ○ | |
9.10 Text direction: 'direction', 'unicode-bidi' | ○ |
10 Visual formatting model details
仕様項目 | 実装状況 | 備考 |
---|---|---|
10.2 Content width: 'width' | ○ | |
10.4 Minimum and maximum widths: 'min-width', 'max-width' | ○ | |
10.5 Content height: 'height' | ○ | ルート要素以外での%指定は、親のブロックに高さが明示されていないときは無視されることになっています。Antenna House Formatter V7.4 では、heightが指定されたブロックが回転していたり、overflowにvisibleやauto以外が指定されている場合などは無視されません。 |
10.7 Minimum and maximum heights: 'min-height', 'max-height' | ○ | table関係では、min-heightとheightの区別はありません。両方指定されたときは、どちらか大きい方の値がheightとして採用されます。 |
10.8 Line height calculations: 'line-height', 'vertical-align' | ○ |
11 Visual effects
仕様項目 | 実装状況 | 備考 |
---|---|---|
11.1.1 Overflow: 'overflow' | ○ | scroll には対応していません。 拡張されています。 ☞ overflow |
11.1.2 Clipping: 'clip' | ○ | |
11.2 Visibility: 'visibility' | △ | collapse は hidden とみなされます。 |
12 Generated content, automatic numbering, and lists
仕様項目 | 実装状況 | 備考 |
---|---|---|
12.2 The 'content' property | ○ | open-quote, close-quote, no-open-quote, no-close-quote に対応。 Antenna House Formatter V7.4 では、content を任意の要素に適用するように拡張しています。 |
12.3.1 Specifying quotes with the 'quotes' property | ○ | |
12.4 Automatic counters and numbering: 'counter-reset', 'counter-increment' | ○ | counter-reset に 0 などの不正な値を指定したときは、前のページ番号+1 が指定されたとみなされます。 |
12.5.1 Lists: 'list-style-type' | ○ | |
12.5.1 Lists: 'list-style-image' | ○ | |
12.5.1 Lists: 'list-style-position' | ○ | |
12.5.1 Lists: 'list-style' | ○ |
13 Paged media
仕様項目 | 実装状況 | 備考 |
---|---|---|
13.2 Page boxes: the @page rule | ○ | |
13.2.2 Page selectors: selecting left, right, and first pages (:left, :right, :first) | ○ | |
13.3.1 Page break properties: 'page-break-before', 'page-break-after', 'page-break-inside' | ○ | |
13.3.2 Breaks inside elements: 'orphans', 'widows' | ○ |
14 Colors and Backgrounds
仕様項目 | 実装状況 | 備考 |
---|---|---|
14.1 Foreground color: 'color' | ○ | 値が拡張されています。 ☞ <color> |
14.2.1 Background properties: 'background-color' | ○ | 値が拡張されています。 ☞ <color> |
14.2.1 Background properties: 'background-image' | ○ | |
14.2.1 Background properties: 'background-repeat' | ○ | |
14.2.1 Background properties: 'background-attachment' | ○ | |
14.2.1 Background properties: 'background-position' | ○ | |
14.2.1 Background properties: 'background' | ○ |
15 Fonts
仕様項目 | 実装状況 | 備考 |
---|---|---|
15.3 Font family: 'font-family' | ○ | |
15.4 Font styling: 'font-style' | ○ | |
15.5 Small-caps: 'font-variant' | ○ | |
15.6 Font boldness: 'font-weight' | ○ | 1~1000 の任意の値を受け付けるように拡張されています。 |
15.7 Font size: 'font-size' | ○ | |
15.8 Shorthand font property: 'font' | ○ |
16 Text
仕様項目 | 実装状況 | 備考 |
---|---|---|
16.1 Indentation: 'text-indent' | ○ | |
16.2 Alignment: 'text-align' | ○ | |
16.3.1 Underlining, overlining, striking, and blinking: 'text-decoration' | ○ | blink には対応していません。 |
16.4 Letter and word spacing: 'letter-spacing', 'word-spacing' | ○ | |
16.5 Capitalization: 'text-transform' | ○ | |
16.6 Whitespace: 'white-space' | ○ |
17 Tables
仕様項目 | 実装状況 | 備考 |
---|---|---|
17.4.1 Caption position and alignment: ' ' | ○ | |
17.5.2 Table width algorithms: 'table-layout' | ○ | |
17.6.1 The separated borders model: 'border-spacing' | ○ | |
17.6.1.1 Borders and Backgrounds around empty cells: 'empty-cells' | ○ | |
17.6.2 The collapsing border model: 'border-collapse' | ○ |
18 User interface
仕様項目 | 実装状況 | 備考 |
---|---|---|
18.1 Cursors: 'cursor' | × | |
18.4 Dynamic outlines: 'outline' | × |
CSS3/CSS4
CSS3/CSS4からのプロパティについては、「XSL/CSSプロパティ」を参照してください。
Selectors
仕様項目 | 実装状況 | 備考 |
---|---|---|
Subsequent-sibling combinator (E ~ F) | ○ | [CSS3-Selectors] |
Substring matching attribute selectors ([att^=val], [att$=val], [att*=val]) | ○ | [CSS3-Selectors] |
Namespaces
仕様項目 | 実装状況 | 備考 |
---|---|---|
@namespace | ○ | [CSS3-Namespaces] |
Qualified Names (ns|E) | ○ | [CSS3-Namespaces] |
@ rules
仕様項目 | 実装状況 | 備考 |
---|---|---|
@font-face | △ | [CSS3-Fonts] ☞ <axf:font-face> / @font-face |
@footnote | ○ | [CSS3-GCPM] footnote-display には対応していません。 ☞ CSSによる脚注・傍注 |
@sidenote | ○ | [CSS3-GCPM] (@sidenote は、2010-06-08以降のGCPMから削除されています) ☞ CSSによる脚注・傍注 |
@page | ○ | [CSS3-Page] |
@page :left, :right, :first, :blank | ○ | [CSS3-Page] 拡張されています。 ☞ @page |
@top-left-corner | ○ | [CSS3-Page] overflow は無効です。 |
@top-left | ○ | |
@top-center | ○ | |
@top-right | ○ | |
@top-right-corner | ○ | |
@left-top | ○ | |
@left-middle | ○ | |
@left-bottom | ○ | |
@right-top | ○ | |
@right-middle | ○ | |
@right-bottom | ○ | |
@bottom-left-corner | ○ | |
@bottom-left | ○ | |
@bottom-center | ○ | |
@bottom-right | ○ | |
@bottom-right-corner | ○ | |
@counter-style | △ | [CSS3-CounterStyles] symbols、additive-symbols などへの url() 指定はできません。 speak-as には対応していません。 ☞ <axf:counter-style> / @counter-style |
Pseudo Classes
仕様項目 | 実装状況 | 備考 |
---|---|---|
:root | ○ | [CSS3-Selectors] |
:nth-child() | ○ | [CSS4-Selectors] [of S] の S に擬似要素を含めることはできません。 V7.4 |
:nth-last-child() | ○ | [CSS4-Selectors] [of S] の S に擬似要素を含めることはできません。 V7.4 |
:nth-of-type() | ○ | [CSS3-Selectors] |
:nth-last-of-type() | ○ | [CSS3-Selectors] |
:first-child | ○ | [CSS3-Selectors] |
:last-child | ○ | [CSS3-Selectors] |
:first-of-type | ○ | [CSS3-Selectors] |
:last-of-type | ○ | [CSS3-Selectors] |
:only-child | ○ | [CSS3-Selectors] |
:only-of-type | ○ | [CSS3-Selectors] |
:empty | ○ | [CSS3-Selectors] |
:not() | ○ | [CSS4-Selectors] 引数のセレクタのいずれかが擬似要素や無効な擬似クラスのときは、その :not() は無効となります。 V7.4 |
:is() | ○ | [CSS4-Selectors] V7.4 |
:where() | ○ | [CSS4-Selectors] V7.4 |
:has() | ○ | [CSS4-Selectors] V7.4 |
:nth() | △ | [CSS3-GCPM] <custom-ident> には対応していません。 |
注意: | -ah-suppress-duplicate-page-number="true" が指定されている場合など、領域が生成されない可能性がある要素が含まれるとき、:first-child などの適用が期待どおりにならないことがあります。 |
---|
Pseudo Elements
仕様項目 | 実装状況 | 備考 |
---|---|---|
::footnote-call | ○ | [CSS3-GCPM] ☞ CSSによる脚注・傍注 |
::footnote-marker | ○ | [CSS3-GCPM] ☞ CSSによる脚注・傍注 |
::sidenote-call | ○ | [CSS3-GCPM] (@sidenote は、2010-06-08以降のGCPMから削除されています) ☞ CSSによる脚注・傍注 |
::sidenote-marker | ○ | [CSS3-GCPM] (@sidenote は、2010-06-08以降のGCPMから削除されています) ☞ CSSによる脚注・傍注 |
::marker | ○ | [CSS3-Lists] |
::before | ○ | [CSS3-Selectors] 拡張されています。 V7.4 ☞ CSS ::before / ::after |
::after | ○ |
Functions
仕様項目 | 実装状況 | 備考 | ||
---|---|---|---|---|
content() | ○ | [CSS3-GCPM] | ||
string() | ○ | [CSS3-GCPM] | ||
running() | ○ | [CSS3-GCPM] | ||
element() | ○ | [CSS3-GCPM] element() を他の値と共に使うことはできません。単独で使ってください。 | ||
leader() | ○ | [CSS3-GCPM] | ||
target-counter() | ○ | [CSS3-GCPM] | ||
target-counters() | × | [CSS3-GCPM] | ||
target-text() | ○ | [CSS3-GCPM] | ||
device-cmyk() | ○ | [CSS3-GCPM] (CYMK は、2014-05-13以降のGCPMから削除されています) | ||
rgb() | ○ | [CSS3-Color] | ||
rgba() | ○ | [CSS3-Color] | ||
hsl() | ○ | [CSS3-Color] | ||
hsla() | ○ | [CSS3-Color] | ||
counter() | ○ | [CSS3-Page] ☞ counter() | ||
counters() | ○ | [CSS3-Page] ☞ counter() | ||
attr() | ○ | [CSS3-Values] ☞ attr() | ||
url() | ○ | [CSS3-Values] ☞ URI | ||
calc() | ○ | [CSS3-Values] | ||
linear-gradient() | ○ | [CSS3-Images] ☞ linear-gradient() | ||
radial-gradient() | ○ | [CSS3-Images] ☞ radial-gradient() | ||
repeating-linear-gradient() | ○ | [CSS3-Images] ☞ repeating-linear-gradient() | ||
repeating-radial-gradient() | ○ | [CSS3-Images] ☞ repeating-radial-gradient() | ||
matrix() | ○ | [CSS3-Transforms] ☞ 変形 | ||
translate() | ○ | [CSS3-Transforms] ☞ 変形 | ||
translateX() | ○ | [CSS3-Transforms] ☞ 変形 | ||
translateY() | ○ | [CSS3-Transforms] ☞ 変形 | ||
scale() | ○ | [CSS3-Transforms] ☞ 変形 | ||
scaleX() | ○ | [CSS3-Transforms] ☞ 変形 | ||
scaleY() | ○ | [CSS3-Transforms] ☞ 変形 | ||
rotate() | ○ | [CSS3-Transforms] ☞ 変形 | ||
skew() | ○ | [CSS3-Transforms] ☞ 変形 | ||
skewX() | ○ | [CSS3-Transforms] ☞ 変形 | ||
skewY() | ○ | [CSS3-Transforms] ☞ 変形 | ||
symbols() | △ | [CSS3-CounterStyles]
url() は指定できません。
| ||
var() | ○ | [CSS3-CustomProperties] | ||
repeat() | △ | [CSS3-Grid] ふたつの repeat() の補間には対応していません。 V7.4 |