ホームページ > 記事 > ウェブフロントエンド > CSS3のborder-image-outsetプロパティの使い方は?
border-image-outset 属性は、境界線の外側に描画される境界線イメージ領域の量、つまり境界線イメージが境界ボックスを超える量を指定するために使用されます。
CSS3 border-image-outset 属性
関数: border 画像が境界ボックスを超える量。
構文:
border-image-outset: length|number;
length: 境界線イメージ (border-image) と境界線の間の距離の設定を示します。デフォルトは 0 です。
number: 対応するボーダー幅の倍数を表します。
説明:
1. border-image-outset 属性は、上、下、左、右を含む境界ボックスを超える境界画像の量を指定します。部品。 4 番目の値を省略した場合は、2 番目の値と同じになります。 3 番目の値を省略した場合は、1 番目の値と同じになります。 2 番目の値を省略した場合は、1 番目の値と同じになります。
2. border-image-outset 属性では、負の値は許可されません。
CSS3 border-image-outset プロパティの使用例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .box{ width: 600px; margin: 100px auto; border: 1px solid red; } p{ border:15px solid; padding: 30px; border-image:url(CSS3のborder-image-outsetプロパティの使い方は?) 100 round; border-image-outset: 1px 10px 8px; } </style> </head> <body> <div class="box"> <p>PHP中文网</p> </div> </body> </html>
レンダリング:
なしborder-image-outset 属性の追加:
border-image-outset 属性の追加後:
以上がCSS3のborder-image-outsetプロパティの使い方は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。