Internet Explorer 6、7、8 の CSS の違い(4)

著者：Eve Cole 更新時間：2010-03-12 17:08:26

M.
ボックス内のページ分割
の例

＃箱 {
page-break-inside: 回避します。
}

説明
このプロパティは、指定された要素内でページングが発生するかどうかを設定します。
サポート状況

IE6 いいえ

IE7いいえ

IE8はい

N. アウトラインプロパティの
例

＃箱 {
アウトライン: 1 ピクセルの赤の実線。
}

説明
アウトラインとは、outline-style、outline-width、outline-colorの略です。この属性は、ドキュメントフローに影響を与えないため、border 属性よりも優れており、レイアウトの問題のデバッグに役立ちます。
サポート状況

IE6 いいえ

IE7いいえ

IE8はい

O.
表示属性の代替値の
例

＃箱 {
表示: インラインブロック;
}

説明
通常、表示属性はブロック、インライン、またはなしに設定されます。代替値には次のものがあります。

インラインブロック
インラインテーブル
リスト項目
慣らし運転
テーブル
表のキャプション
テーブルセル
表と列
テーブル列グループ
テーブルフッターグループ
テーブルヘッダーグループ
テーブル行
テーブル行グループ

サポート状況

IE6 いいえ

IE7いいえ

IE8はい

折りたたみ可能な空白スペースの処理
例

p {
ホワイトスペース: 行前;
}

ディビジョン {
ホワイトスペース: ラップ前;
}

ホワイトスペース属性の行前値設定は、複数のホワイトスペース要素を 1 つのホワイトスペースに折りたたんで、明示的な改行を許可します
。
ホワイトスペース属性の pre-wrap 値は、複数のホワイトスペースを 1 つに折りたたむことはありませんが、改行を明示的に設定することはできます。
サポート状況

IE6 いいえ

IE7いいえ

IE8 可
4. その他各種テクノロジー
A.
@import の
メディアタイプ
例

@import url("styles.css") 画面;

説明:
上記の例と同様に、インポートされたスタイルシートファイルのメディアタイプは、ファイルアドレスの後に宣言されます。この例では、メディアタイプは「画面」です。
サポート状況

IE6 いいえ

IE7いいえ

IE8はい

バグ
IE6 および IE7 は @import をサポートしていますが、メディアタイプが指定されている場合は効果がなく、通常の @import ルールが無効になる場合もあります。

B. カウントインクリメントの
例

h2 {
カウンタインクリメント: ヘッダー;
}
h2:前{
内容: カウンタ(ヘッダー) ". ";
}

説明
この CSS テクニックを使用すると、before 疑似要素と併用して、指定した要素の前に表示される数字を自動的に増加させることができます。
サポート状況

IE6 いいえ

IE7いいえ

IE8はい

C.
生成されたコンテンツの参照文字
の例

q {
引用符: "" "";
}

q:前 {
内容: オープンクオート;
}

q:{の後
内容: クローズクオート;
}

説明では、

q タグで使用する、コンテンツの生成に使用される引用コールサインを指定します。
サポート状況

IE6 いいえ

IE7いいえ

IE8 はい
5. 重要なバグと非互換性の問題
次に、上記に記載されていない IE6 および IE7 の多くのバグを示します。もちろん、このリストには 3 つのブラウザすべてでサポートされていないエントリは含まれていません。

IE6 のバグ
A. 要素のスタイル設定をサポートしません
B. ハイフンとアンダースコアで始まるクラス名と ID 名をサポートしません
C.