ホームページ > 記事 > ウェブフロントエンド > CSS3のborder-image-outsetプロパティの使い方は？
CSS3のborder-image-outsetプロパティの使い方は？
- 青灯夜游オリジナル
- 2019-02-12 13:49:433372ブラウズ
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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。