CSSの枠線のアウトラインの使用

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

2012-04-08 Destin M

なぜこのjquery、html5にタグが付けられていますか？ – elclanrs

2つの境界線が必要な場合は、 'double'境界線のスタイルを調べる必要があります。または、それが気に入らず、ネストされたdivを持たない複数の罫線が必要な場合は、 '：before'と'：after'の擬似要素をスタイリングすることができます。 [こちらの例]（http://jsfiddle.net/62QHG/）を参照してください。 –

@elclanrs：私はその地域の専門家を考え出しても[CSS3] – BoltClock

あなたの代わりに単一の固体の境界線を持つ2つのdiv要素の意味しますか？私が気づいたよう

このため短所は、あなたが離れて自分の距離を制御することができない、また...あなたは、どちらも同じにする必要があり、それぞれの色を制御することができないということである、またはそれぞれのそのサイズなど

だから私は本当にあなたがダブルボーダーを使っているかどうかにかかっていると思います...しかし、単純なダブルスタンダードボーダーでは、2つのdivと2つのボーダーを作るよりも早くたくさん...（IMO）

ウェブ上でどのくらいの頻度で頻繁に境界線が表示されているので、あまり人気がないと思いますか？

出典

2012-04-08 18:52:44

あるどれだけ速く実現diddnt div id = "slideshow"上の二重枠線、通常は別のdivクラス= "inner"をネストして色を付けます#fff次にdiv id = "slideshow"に枠＃000があり、錯覚。しかし、＃000境界と#fff輪郭を使用できます。 div id = "slideshow"でdiv class = "inner"をネストする必要なしにダブルボーダーの錯覚を作成することができますが、このような作業の落とし穴は何ですか？ –

私はそれに問題があるかどうか分かりません。私があなたの質問を読んだとき、私は間違ってあなたが国境について質問していると思っていました：二重、しかしあなたは何を持っていますか？ –

ありがとう！私は二重を使用することができなかったことを認識しませんでした：どちらか、国境に感謝百万： –

です。 outlineは、IE8、クイックサンプルのhttp://jsfiddle.net/elclanrs/jecEB/など、ほとんどのブラウザでうまく機能します。

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

出典

2012-04-08 18:57:21 elclanrs

概要の主な問題は、それがボックスモデルの外にあることです。そのため、いくつかの醜い崩壊を引き起こす可能性があります。

また、アウトラインは、アクセシビリティ機能のために多く使用され、そしてそれは常にではない、アクセシビリティと混乱することをお勧めします。

出典

2012-04-08 19:02:25 mddw

アクセシビリティのためにどのように使用されていますか？ –

一部のブラウザはアウトラインをデフォルトスタイルで使用しています。 Exemple Chromeは、フォーカススタイルのアウトラインを使用します。私はOpera Mobileもアウトラインをたくさん使っていると思う。私自身は、視覚障害者のヒントを追加するためによく使用します。 – mddw

CSSの枠線のアウトラインの使用

答えて

関連する問題