CSS outline-offset eigenschap
Voorbeeld
Geef een effen rode omtrek van 4 pixels op 15 pixels buiten de rand van de rand:
div
{
outline: 4px solid red;
outline-offset: 15px;
}
Definitie en gebruik
De outline-offset
eigenschap voegt ruimte toe tussen de omtrek en de rand of rand van een element.
De ruimte tussen een element en zijn omtrek is transparant.
Omtrekken verschillen op drie manieren van randen:
- Een omtrek is een lijn die om elementen wordt getrokken, buiten de rand van de rand
- Een overzicht neemt geen ruimte in beslag
- Een omtrek mag niet rechthoekig zijn
Standaardwaarde: | 0 |
---|---|
geërfd: | Nee |
Animeerbaar: | ja, zie individuele eigenschappen . Lees over animeren |
Versie: | CSS3 |
JavaScript-syntaxis: | object .style.outlineOffset="15px" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
outline-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
CSS-syntaxis
outline-offset: length|initial|inherit;
Eigendomswaarden
Value | Description |
---|---|
length | The distance the outline is outset from the border edge. Default value is 0 |
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-gebruikersinterface
HTML DOM-referentie: eigenschap outlineOffset