CSS border-image-outset eigenschap
Voorbeeld
Plaats de randafbeelding 10 pixels buiten de randranden van een element:
#borderimg
{
border-image-source: url(border.png);
border-image-outset: 10px;
}
Definitie en gebruik
De border-image-outset
eigenschap specificeert de hoeveelheid waarmee het randbeeldgebied buiten het kaderkader uitsteekt.
Tip: Kijk ook naar de border-image eigenschap (een verkorte eigenschap voor het instellen van alle border-image-* eigenschappen).
Standaardwaarde: | 0 |
---|---|
geërfd: | Nee |
Animeerbaar: | Nee. Lees over animeren |
Versie: | CSS3 |
JavaScript-syntaxis: | object .style.borderImageOutset="10px" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
border-image-outset | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS-syntaxis
border-image-outset: length|number|initial|inherit;
Opmerking: de border-image-outset
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 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 |
Gerelateerde pagina's
CSS-zelfstudie: CSS-randafbeeldingen
CSS-referentie: eigenschap border-image
CSS-referentie: eigenschap border-image-repeat
CSS-referentie: eigenschap border-image-slice
CSS-referentie: eigenschap border-image-source
CSS-referentie: eigenschap border-image-width
HTML DOM-referentie: eigenschap borderImageOutset