Exemplu
Specificați cum să taie imaginea de frontieră:
#borderimg {
border-image-slice: 30;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea border-image-felie specifică cum să felie imaginea specificată de frontieră imagine-sursă . Imaginea este întotdeauna tăiat în nouă secțiuni: patru colțuri, patru muchii și la mijloc.
"middle" partea este tratată ca fiind complet transparent, cu excepția cazului în cuvântul cheie de umplere este setat.
Sfat: De asemenea , uita - te la frontieră imagine proprietate (a shorthand property for setting all the border-image-* properties) .
Valoare implicită: | 100% |
---|---|
Mostenit: | no |
Animatable: | no. Read about animatable |
Versiune: | CSS3 |
sintaxa JavaScript: | object .style.borderImageSlice="30%" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Proprietate | |||||
---|---|---|---|---|---|
border-image-slice | 15.0 | 11.0 | 15.0 | 6 | 15.0 |
CSS Sintaxa
border-image-slice: Note: Proprietatea border-image-felie poate dura de la una la patru valori. Î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 number number(s) reprezintă pixeli pentru imagini raster sau coordonate pentru imagini vectoriale Joaca - l » % Procentajele sunt în raport cu înălțimea sau lățimea imaginii Joaca - l » fill Cauze partea de mijloc a imaginii care urmează să fie afișată Joaca - l » 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: Imagini CSS3 frontieră
CSS Referință: border-image property
CSS Referință: border-image-outset property
CSS Referință: border-image-repeat property
CSS Referință: border-image-source property
CSS Referință: border-image-width property de border-image-width property
HTML DOM referință: borderImageSlice property