CSS border-image-width eigenschap
Voorbeeld
Specificeer de breedte van de randafbeelding:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Definitie en gebruik
De border-image-width
eigenschap specificeert de breedte van de randafbeelding.
Tip: Kijk ook naar de border-image eigenschap (een verkorte eigenschap voor het instellen van alle border-image-* eigenschappen).
Standaardwaarde: | 1 |
---|---|
geërfd: | Nee |
Animeerbaar: | Nee. Lees over animeren |
Versie: | CSS3 |
JavaScript-syntaxis: | object .style.borderImageWidth="20px" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
CSS-syntaxis
border-image-width: number|%|auto|initial|inherit;
Opmerking: de border-image-width
eigenschap kan één tot vier waarden aannemen (boven, rechts, onder en links). Als de vierde waarde wordt weggelaten, is deze gelijk aan de tweede. Als de derde ook wordt weggelaten, is deze hetzelfde als de eerste. Als de tweede ook wordt weggelaten, is deze hetzelfde als de eerste.
Eigendomswaarden
Value | Description | Play it |
---|---|---|
length | A length unit (px) specifying the size of the border-width | |
number | Default value 1. Represents multiples of the corresponding border-width | |
% | Refers to the size of the border image area: the width of the area for horizontal offsets, the height for vertical offsets | |
auto | If specified, the width is the intrinsic width or height of the corresponding image slice | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Gerelateerde pagina's
CSS-zelfstudie: CSS-randafbeeldingen
CSS-referentie: eigenschap border-image
CSS-referentie: eigenschap border-image-outset
CSS-referentie: eigenschap border-image-repeat
CSS-referentie: eigenschap border-image-slice
CSS-referentie: eigenschap border-image-source
HTML DOM-referentie: eigenschap borderImageWidth