ホームページ  >  記事  >  ウェブフロントエンド  >  css:voice-family属性の詳細説明

css:voice-family属性の詳細説明

黄舟
黄舟オリジナル
2017-07-17 14:10:382472ブラウズ

voice-family属性

#sidebar {
  width: 200px;
  padding: 10px;
  border: 10px solid black;
}

はここで幅を200ピクセルに、パディングを10ピクセルに、境界線を10ピクセルに設定します。ただし、Window IE5.5より前のブラウザでページを閲覧する場合、幅は次のようになります。実際の幅よりも 40px 小さいため (200px-10px-10px-10px-10px)、修正する必要があります。ここでは、スタイル シートの「カスケード」機能が使用されており、同じセレクターの同じ属性に対して、後で定義された値が以前に定義された値を上書きします。

再定義されたスタイルは次のとおりです:

#sidebar {
padding: 10px;
border: 10px solid black;
width: 240px; 
voice-family: "\"}\"";
voice-family: inherit;
width: 200px; 
}

そして "voice-family:""}"" ;voice-family:inherit;" は CSS の voice 属性です。Window IE5.5 は CSS2 を完全にはサポートしていないため、この属性は次のようになります。認識されないため、次のセレクターにジャンプします。

IE5 は 2 つの段落 voice-family: ""}""; voice-family:inherit; を正しく読み取ることができないため、2 番目の幅を読み取る前に #centercontent の読み取りを放棄し、最後に最初の幅までしか読み取ることができません。 :240ピクセル。

IE5.5以上のブラウザは、同じ名前をカバーする原則により、2番目の幅: 200pxを取得します。このようにして、同じClassで2つのWidth値を定義できます。

以上がcss:voice-family属性の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。