CSS uiteensetting-offset Eiendom
Voorbeeld
Spesifiseer 'n 4 pieksels soliede rooi buitelyn 15 pieksels buite die randrand:
div
{
outline: 4px solid red;
outline-offset: 15px;
}
Definisie en gebruik
Die outline-offset
eiendom voeg spasie tussen die buitelyn en die rand of grens van 'n element by.
Die spasie tussen 'n element en sy buitelyn is deursigtig.
Buitelyne verskil op drie maniere van grense:
- 'n Buitelyn is 'n lyn wat om elemente getrek word, buite die grensrand
- 'n Omlyn neem nie spasie op nie
- 'n Omlyn kan nie-reghoekig wees
Standaard waarde: | 0 |
---|---|
Geërf: | geen |
Animateerbaar: | ja, sien individuele eiendomme . Lees oor animeerbaar |
Weergawe: | CSS3 |
JavaScript-sintaksis: | voorwerp .style.outlineOffset="15px" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
outline-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
CSS-sintaksis
outline-offset: length|initial|inherit;
Eiendomswaardes
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 |
Verwante bladsye
CSS-tutoriaal: CSS-gebruikerskoppelvlak
HTML DOM verwysing: outlineOffset eiendom