ホームページ >ウェブフロントエンド >CSSチュートリアル >css:voice-family属性の詳細説明
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 サイトの他の関連記事を参照してください。