の正確な違いは何ですかCSS outset,inset,border and outline。
これについて本当に混乱しており、一緒に適用できるプロパティは何ですか?
上記のプロパティのどのブラウザがサポートしていますか?
上記のプロパティの短い例は良いでしょう。
ありがとう
質問する
13592 次
3 に答える
21
ボーダーとアウトラインの違い
ボーダー:ボーダー エッジは、ボックスのボーダーを囲みます。その面積は、ボックス モデルの合計サイズをカウントします。4 つの境界線 (上、右、下、左) のそれぞれについて、サイズ ( border-width)、色 ( border-color)、およびスタイル ( ) を指定できます。border-style境界線のプロパティに関する詳細情報は、こちらから取得できます。
アウトライン:ボーダーに似ていますが、この場合は とは反対にスペースを取りませんborder。また、各境界線を個別にスタイル設定することはできません。アウトライン スタイルはボックスの 4 つの側面すべてに適用されます。Outlineと一緒に使用できますborder。アウトラインに適用できるプロパティは です。 アウトライン プロパティの詳細についてはoutline-color、こちらを参照してください。outline-styleoutline-width
を表すボックス モデルを次に示しますoutline。border
境界線のスタイル: インセットとアウトセット
挿入図:ボーダー スタイルです。境界線により、ボックスがキャンバスに埋め込まれているように見えます。これはとborder-styleの中で使用できます。border-colorborder-width
アウトセット:別のボーダー スタイル. 'inset' の反対: 境界線はボックスをキャンバスから出てきているように見せます。これはとborder-styleの中で使用できます。border-colorborder-width
ドキュメントとソース
于 2013-04-25T06:40:00.227 に答える
0
これらはボーダーのプロパティです
inset: 3D インセット ボーダーを定義します。効果は、border-color 値の outset によって異なります。3D outset 境界を定義します。効果は、境界線の色の値のアウトラインによって異なります: 要素の周りにアウトラインを設定します
于 2013-04-25T06:01:29.220 に答える
0
最初の答えは素晴らしい答えです。html-dom を使い始めた 2 か月前にこれを見つけられたらよかったのに..
追加したいだけです：ここでの大きな違いは、borderプロパティoffset（要素の配置に影響を与えない「境界線」の「パディング」）がなく、プロパティoutlineで丸くすることができないことです。-radius
于 2014-08-31T13:01:12.327 に答える