M. ボックス内のページ分割 例 説明する このプロパティは、指定された要素内でページングが発生するかどうかを設定します。 サポート状況 N. アウトライン属性 例 説明する アウトラインは、アウトラインスタイル、アウトライン幅、アウトラインカラーの略語です。この属性は、ドキュメント フローに影響を与えないため、border 属性よりも優れており、レイアウトの問題のデバッグに役立ちます。 サポート状況 O. 表示属性の代替値 例 説明する 通常、表示属性はブロック、インライン、またはなしに設定されます。代替値には次のものがあります。 サポート状況 折りたたみ可能な空白の処理 例 説明する ホワイトスペース属性の pre-line 値は、明示的な改行を許可しながら、複数のホワイトスペース要素を 1 つのホワイトスペースにまとめます。ホワイトスペース属性の pre-wrap 値は、複数のホワイトスペースを 1 つに折りたたむことはありませんが、改行を明示的に設定することはできます。 サポート状況 4. その他各種技術 A. @import のメディア タイプ 例 説明する 上の例と同様に、インポートされたスタイルシート ファイルのメディア タイプは、ファイル アドレスの後に宣言されます。この例では、メディア タイプは「画面」です。 サポート状況 バグ IE6 および IE7 は @import をサポートしていますが、メディア タイプが指定されている場合は効果がなく、通常の @import ルールが無効になる場合もあります。 B. カウントインクリメント 例 説明する この CSS テクニックを使用すると、before 疑似要素と併用して、指定した要素の前に表示される数字を自動的に増やすことができます。 サポート状況 C. 生成されたコンテンツの参照文字 例 説明する q タグで使用する、コンテンツの生成に使用される引用コール サインを指定します。 サポート状況 5. 重要なバグと非互換性の問題 以下に、上記に記載されていない IE6 および IE7 の多数のバグを示します。もちろん、このリストには 3 つのブラウザすべてでサポートされていないエントリは含まれていません。 IE6のバグ A. スタイルを使用した <abbr> 要素の設定はサポートされていません。 B. ハイフンとアンダースコアで始まるクラス名と ID 名はサポートされていません。 C. <select> 要素は、z-index 値に関係なく、常にスタックの先頭に表示されます。 D. アンカー擬似クラスが正しい順序 (:link、:visited、:hover) を使用していない場合、:hover 擬似クラスは無効になります。 E. 属性の ! important 宣言は、! important を使用しない同じルール内の同じ属性の 2 番目の宣言によって上書きされます。 F. 高さは min-height と同様に動作します G、幅は min-width と同様に動作します H. 左右の二重マージン I. 点線の境界線が破線の境界線のように見える J. text-decoration の行通過値は、テキスト内で他のブラウザよりも高く見えます。 K. 順序付きリストが固定構造の場合 (haslayout が true、li の高さ/幅/ズームを設定して haslayout 値をアクティブにすることはできません)、シーケンス番号は増加せず、1 のままになります。 L. リスト要素は list-style-type の利用可能な値をすべてサポートしているわけではありません M. リスト エントリがフローティングの場合、指定されたリスト スタイル イメージは表示されません。 N. @font-face を完全にサポートしていない O. 一部のセレクターはコメントやドキュメント宣言と誤って一致します。 P. クラス セレクターと組み合わせた ID セレクターが一致しない場合、異なるクラス セレクターと組み合わせた同じ ID セレクターも不一致として扱われます。 IE7のバグ A. 順序付きリストが固定構造の場合 (haslayout が true、li の高さ/幅/ズームを設定して haslayout 値をアクティブにすることができない)、シーケンス番号は増加せず、1 のままになります。 B. リスト要素は list-style-type の利用可能な値をすべてサポートしているわけではありません C. リスト エントリがフローティングの場合、指定されたリスト スタイル イメージは表示されません。 D. @font-face が完全にはサポートされていない E. 一部のセレクターはコメントやドキュメント宣言と誤って一致します。 F. ここで言及されていない一部の IE バグは、特定の環境でのみ発生し、特定の CSS プロパティまたは値に割り当てられません。 ＃箱 {
page-break-inside: 回避します。
} IE6 いいえ
IE7いいえ
IE8はい ＃箱 {
アウトライン: 1 ピクセルの赤の実線。
} IE6 いいえ
IE7いいえ
IE8はい ＃箱 {
表示: インラインブロック;
}インラインブロック
インラインテーブル
リスト項目
慣らし運転
テーブル
表のキャプション
テーブルセル
表と列
テーブル列グループ
テーブルフッターグループ
テーブルヘッダーグループ
テーブル行
テーブル行グループ IE6 いいえ
IE7いいえ
IE8はい p {
ホワイトスペース: 行前;
}
ディビジョン {
ホワイトスペース: ラップ前;
} IE6 いいえ
IE7いいえ
IE8はい @import url("styles.css") 画面; IE6 いいえ
IE7いいえ
IE8はい h2 {
カウンタインクリメント: ヘッダー;
}
h2:前{
内容: カウンタ(ヘッダー) ". ";
} IE6 いいえ
IE7いいえ
IE8はい q {
引用符: "" "";
}
q:前 {
内容: オープンクォート;
}
q:{の後
内容: クローズクオート;
} IE6 いいえ
IE7いいえ
IE8はい