Exemplu
Specificați o schiță 15px în afara marginii de frontieră:
div
{
border: 2px solid black;
outline: 2px solid red;
outline-offset: 15px;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea de offset-contur adaugă spațiu între o schiță și marginea sau a unui element de frontieră.
Contururile diferă de la frontiere în două moduri:
- O schiță este o linie trasată în jurul valorii de elemente, în afara marginii de frontieră
- O schiță nu ocupă spațiu
- O schiță poate fi non-dreptunghiulare
| Valoare implicită: | 0 |
|---|---|
| Mostenit: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Versiune: | CSS3 |
| sintaxa JavaScript: | object .style.outlineOffset="15px" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| outline-offset | 4 | Nu sunt acceptate | 3.5 | 3.1 | 10.5 |
CSS Sintaxa
outline-offset: Valori de proprietate Valoare Descriere length Distanța conturul este început de la marginea de frontieră. Valoarea implicită este 0 initial Setează această proprietate la valoarea implicită. Citiți despre inițială inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Pagini similare
Tutorial CSS3: CSS3 User Interface
HTML DOM referință: outlineOffset property