CSS3のborder-画像リピートプロパティ2024 年の最新の入門チュートリアル。このコースでは 例,定義と使用,ブラウザのサポート,CSSの構文,プロパティ値,関連ページ, について学習できます。
画像境界を繰り返すべきかどうかの境界線像リピート属性(繰り返し)、引張(伸ばし)または覆われた(四捨五入)。
ヒント:あなたが見ることができるボーダー画像プロパティ(すべての境界-像通り*プロパティを設定するために使用される短縮形プロパティ)。
デフォルト: | ストレッチ |
---|---|
継承: | いいえ |
アニメーション: | いいえ。 アニメートを参照してください。 |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクト.style.borderImageRepeat = "ラウンド"してみてください |
表中の数値は、このイベントのバージョンをサポートする最初のブラウザを表します。
プロパティ | |||||
---|---|---|---|---|---|
ボーダー・画像・リピート | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
注:この属性は、どのように拡張し、エッジのレイアウトや画像のフレームの中央部分を指定します。したがって、あなたは、2つの値を指定することができます。 第2の値が省略され、同一の値を取るために最初にされている場合。
値 | 説明 | 例 |
---|---|---|
ストレッチ | デフォルト。 エリアを埋めるために、画像をストレッチ | 例を表示するには» |
リピート | タイル張りは、画像領域を埋めるために(繰り返し)。 | 例を表示するには» |
ラウンド | 同様のリピート値。 あなたはすべてのタイル状の画像を完了できない場合は、画像が領域に合わせてスケーリングされます。 | 例を表示するには» |
スペース | 同様のリピート値。 あなたはすべてのタイル張りの画像を完了できない場合、膨張空間は、画像の周囲に分散されます | |
初期 | デフォルト値にこのプロパティを設定します。 初期参照してください。 | 例を表示するには» |
受け継ぎます | このプロパティは、親要素から継承されます。 継承を参照してください。 |
CSS3のチュートリアル: CSS3ボーダー
CSSリファレンス: ボーダー-Imageプロパティ
CSSリファレンス: ボーダー-イメージ-REPEATプロパティ
CSSリファレンス: ボーダー-画像スライスのプロパティ
CSSリファレンス: ボーダー-イメージ-Sourceプロパティ
CSSリファレンス: ボーダー-width属性、イメージ
HTML DOMリファレンス: borderImageRepeatプロパティ