CSS3のborder-画像リピートプロパティ2024 年の最新の入門チュートリアル。このコースでは 例,定義と使用,ブラウザのサポート,CSSの構文,プロパティ値,関連ページ, について学習できます。

CSS3のborder-画像リピートプロパティ

画像のリピートモードを設定します。

div要素{
ボーダー・画像ソース:URL( border.png)。
ボーダーイメージリピート:リピート;
}

»をお試しください

定義と使用

画像境界を繰り返すべきかどうかの境界線像リピート属性(繰り返し)、引張(伸ばし)または覆われた(四捨五入)。

ヒント:あなたが見ることができるボーダー画像プロパティ(すべての境界-像通り*プロパティを設定するために使用される短縮形プロパティ)。

デフォルト: ストレッチ
継承: いいえ
アニメーション: いいえ。 アニメートを参照してください。
バージョン: CSS3
JavaScriptシンタックス: オブジェクト.style.borderImageRepeat = "ラウンド"してみてください


ブラウザのサポート

表中の数値は、このイベントのバージョンをサポートする最初のブラウザを表します。

プロパティ
ボーダー・画像・リピート 15.0 11.0 15.0 6.0 15.0


CSSの構文

ボーダー・画像・リピート:ストレッチ|繰り返し|ラウンド|初期|継承。

注:この属性は、どのように拡張し、エッジのレイアウトや画像のフレームの中央部分を指定します。したがって、あなたは、2つの値を指定することができます。 第2の値が省略され、同一の値を取るために最初にされている場合。

プロパティ値

説明
ストレッチ デフォルト。 エリアを埋めるために、画像をストレッチ 例を表示するには»
リピート タイル張りは、画像領域を埋めるために(繰り返し)。 例を表示するには»
ラウンド 同様のリピート値。 あなたはすべてのタイル状の画像を完了できない場合は、画像が領域に合わせてスケーリングされます。 例を表示するには»
スペース 同様のリピート値。 あなたはすべてのタイル張りの画像を完了できない場合、膨張空間は、画像の周囲に分散されます
初期 デフォルト値にこのプロパティを設定します。 初期参照してください。 例を表示するには»
受け継ぎます このプロパティは、親要素から継承されます。 継承を参照してください。


関連ページ

CSS3のチュートリアル: CSS3ボーダー

CSSリファレンス: ボーダー-Imageプロパティ

CSSリファレンス: ボーダー-イメージ-REPEATプロパティ

CSSリファレンス: ボーダー-画像スライスのプロパティ

CSSリファレンス: ボーダー-イメージ-Sourceプロパティ

CSSリファレンス: ボーダー-width属性、イメージ

HTML DOMリファレンス: borderImageRepeatプロパティ

CSS3のborder-画像リピートプロパティ
10/30