Exemplu
Specificați lățimea imaginii de frontieră:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea border-image-lățime specifică lățimea imaginii de frontieră.
Sfat: De asemenea , uita - te la frontieră imagine proprietate (a shorthand property for setting all the border-image-* properties) .
Valoare implicită: | 1 |
---|---|
Mostenit: | no |
Animatable: | no. Read about animatable |
Versiune: | CSS3 |
sintaxa JavaScript: | object .style.borderImageWidth="20px" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Proprietate | |||||
---|---|---|---|---|---|
border-image-width | 15.0 | 11.0 | 13.0 | 6 | 15.0 |
CSS Sintaxa
border-image-width: Note: Proprietatea border-image-lățime 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 (px) specificând dimensiunea frontierei lățimea Joaca - l » number Valoarea implicită 1. Reprezintă multipli ai border-lățime corespunzătoare Joaca - l » % Se referă la dimensiunea imaginii zonei de frontieră: lățimea zonei pentru compensările orizontale, înălțimea de compensărilor verticale Joaca - l » auto Dacă se specifică, lățimea este lățimea sau înălțimea intrinsecă a feliei de imagine 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-outset property
CSS Referință: border-image-repeat property
CSS Referință: border-image-slice property
CSS Referință: border-image-source property
HTML DOM referință: borderImageWidth property