CSS border-image-outset Eiendom
Voorbeeld
Plaas die randprent 10 pixels buite die randrande van 'n element:
#borderimg
{
border-image-source: url(border.png);
border-image-outset: 10px;
}
Definisie en gebruik
Die border-image-outset
eiendom spesifiseer die hoeveelheid waarmee die randbeeldarea verder as die grenskas strek.
Wenk: Kyk ook na die border-image- eienskap ('n snelskrif-eienskap om al die border-image-* eienskappe op te stel).
Standaard waarde: | 0 |
---|---|
Geërf: | geen |
Animateerbaar: | geen. Lees oor animeerbaar |
Weergawe: | CSS3 |
JavaScript-sintaksis: | voorwerp .style.borderImageOutset="10px" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
border-image-outset | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS-sintaksis
border-image-outset: length|number|initial|inherit;
Let wel: Die border-image-outset
eiendom kan van een tot vier waardes neem (bo-, regter-, onder- en linkerkante). As die vierde waarde weggelaat word, is dit dieselfde as die tweede. As die derde een ook weggelaat word, is dit dieselfde as die eerste. As die tweede een ook weggelaat word, is dit dieselfde as die eerste.
Eiendomswaardes
Value | Description | Play it |
---|---|---|
length | A length unit specifying how far from the edges the border-image will appear. Default value is 0 | |
number | Represent multiples of the corresponding border-width | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Verwante bladsye
CSS handleiding: CSS Border Images
CSS-verwysing: grensbeeld-eienskap
CSS-verwysing: border-image-repeat eiendom
CSS-verwysing: border-image-slice eiendom
CSS-verwysing: border-image-source eiendom
CSS-verwysing: border-image-width eiendom
HTML DOM verwysing: borderImageOutset eiendom