Vlastnost CSS border-image-repeat
Příklad
Určete, jak opakovat obrázek ohraničení:
#borderimg
{
border-image-source: url(border.png);
border-image-repeat: repeat;
}
Definice a použití
Tato border-image-repeat
vlastnost určuje, zda se má obraz ohraničení opakovat, zaoblovat, rozmístit nebo roztáhnout.
Tip: Podívejte se také na vlastnost border-image (zkrácená vlastnost pro nastavení všech vlastností border-image-*).
Výchozí hodnota: | protáhnout se |
---|---|
Zděděno: | Ne |
Animovatelné: | Ne. Přečtěte si o tématu Animable |
Verze: | CSS3 |
Syntaxe JavaScriptu: | objekt .style.borderImageRepeat="kolo" |
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Syntaxe CSS
border-image-repeat: stretch|repeat|round|space|initial|inherit;
Poznámka: Tato vlastnost určuje, jak se změní měřítko a dlaždice obrázků pro strany a střední část obrázku ohraničení. Zde tedy můžete zadat dvě hodnoty. Pokud je druhá hodnota vynechána, předpokládá se, že je stejná jako první.
Hodnoty vlastností
Value | Description | Play it |
---|---|---|
stretch | Default value. The image is stretched to fill the area | |
repeat | The image is tiled (repeated) to fill the area | |
round | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so it fits | |
space | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Související stránky
CSS tutoriál: CSS Border Images
Odkaz CSS: vlastnost border-image
Odkaz na CSS: vlastnost border-image-outset
CSS Reference: vlastnost border-image-slice
Reference CSS: vlastnost border-image-source
CSS Reference: vlastnost border-image-width
HTML DOM reference: vlastnost borderImageRepeat