Exemplu
Plasați imaginea de frontieră 10 pixeli în afara marginilor de frontieră ale unui element:
#borderimg
{
border-image-source: url(border.png);
border-image-outset: 10px;
}
Definiție și utilizare
Proprietatea border-image-bun inceput specifică suma cu care zona de frontieră a imaginii se extinde dincolo de cutia de frontieră.
Sfat: De asemenea , uita - te la frontieră imagine proprietate (a shorthand property for setting all the border-image-* properties) .
Valoare implicită: | 0 |
---|---|
Mostenit: | no |
Animatable: | no. Read about animatable |
Versiune: | CSS3 |
sintaxa JavaScript: | object .style.borderImageOutset="10px" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Proprietate | |||||
---|---|---|---|---|---|
border-image-outset | 15.0 | 11.0 | 15.0 | 6 | 15.0 |
CSS Sintaxa
border-image-outset: Note: Proprietatea border-image-bun inceput poate dura de la una până la patru valori (top, right, bottom, and left sides) de (top, right, bottom, and left sides) în (top, right, bottom, and left sides) . În cazul în care a patra valoare este omis, este la fel ca și al doilea. În cazul în care a treia este, de asemenea, omis, acesta este la fel ca prima. În cazul în care al doilea este, de asemenea, omis, acesta este la fel ca prima. Valori de proprietate
Valoare Descriere Joaca-l length O unitate de lungime specificând cât de departe de marginile vor apărea frontieră imagine. Valoarea implicită este 0 Joaca - l » number Reprezintă multipli ai border-lățime corespunzătoare Joaca - l » initial Setează această proprietate la valoarea implicită. Citiți despre inițială Joaca - l » inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Pagini similare
Tutorial CSS3: Imagini CSS3 frontieră
CSS Referință: border-image property
CSS Referință: border-image-repeat property
CSS Referință: border-image-slice property
CSS Referință: border-image-source property
CSS Referință: border-image-width property de border-image-width property
HTML DOM referință: borderImageOutset property