CSS border-image-slice Eiendom
Voorbeeld
Spesifiseer hoe om die randbeeld te sny:
#borderimg {
border-image-slice: 30%;
}
Definisie en gebruik
Die border-image-slice
eienskap spesifiseer hoe om die prent gespesifiseer deur
border-image-source te sny . Die beeld word altyd in nege afdelings gesny: vier hoeke, vier kante en die middel.
Die "middelste" deel word as heeltemal deursigtig hanteer, tensy die vul sleutelwoord gestel is.
Wenk: Kyk ook na die grens-beeld- eienskap ('n snelskrif-eienskap vir die opstel van al die grens-beeld-* eienskappe).
Standaard waarde: | 100% |
---|---|
Geërf: | geen |
Animateerbaar: | geen. Lees oor animeerbaar |
Weergawe: | CSS3 |
JavaScript-sintaksis: | voorwerp .style.borderImageSlice="30%" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
border-image-slice | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS-sintaksis
border-image-slice: number|%|fill|initial|inherit;
Let wel: Die border-image-slice
eiendom kan van een tot vier waardes neem. As die vierde waarde weggelaat word, is dit dieselfde as die tweede. As die derde een ook weggelaat word, is dit dieselfde as die eerste. As die tweede een ook weggelaat word, is dit dieselfde as die eerste.
Eiendomswaardes
Value | Description | Play it |
---|---|---|
number | The number(s) represent pixels for raster images or coordinates for vector images | |
% | Percentages are relative to the height or width of the image | |
fill | Causes the middle part of the image to be displayed | |
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 handleiding: CSS Border Images
CSS-verwysing: grensbeeld-eienskap
CSS-verwysing: border-image-outset eiendom
CSS-verwysing: border-image-repeat eiendom
CSS-verwysing: border-image-source eiendom
CSS-verwysing: border-image-width eiendom
HTML DOM verwysing: borderImageSlice eiendom