css - CSS ボーダーに Outline を使用する

Question

CSS でアウトラインを使用して、ネストされた div の代わりに二重の境界線を作成した人はいますか? 私はあまり人気がないように見えるので、CSS でアウトラインを使用することの落とし穴は何ですか?? 乾杯

Answer 1

場合によります。outlineIE8 を含むほとんどのブラウザーでうまく動作します。簡単な例はhttp://jsfiddle.net/elclanrs/jecEB/です。

同じ目的で使用することもできbox-shadow、2 つ以上の境界線を追加できます。もちろん、これはこの css3 機能をサポートするブラウザーでのみ機能します。

Answer 2

単一の実線の境界線を持つ 2 つの div の代わりにということですか?

私が気づいたように、これの短所は、各色を制御できないことです。両方とも同じでなければなりません...また、それらの距離やそれぞれのサイズなどを制御することはできません.

だから、二重ボーダーを何に使用するかに本当に依存すると思います...しかし、単純な二重標準ボーダーの場合、2つのdivと2つのボーダーを作成するよりもはるかに高速です...(IMO)

ウェブ上で二重枠をどのくらいの頻度で目にするので、それらは人気がないと思いますか?

Answer 3

アウトラインの主な問題は、ボックスモデルの外側にあるため、見苦しい崩壊を引き起こす可能性があることです。

さらに、アウトラインはアクセシビリティ機能によく使用されます。アクセシビリティを台無しにしないことは常に良い考えです。