CSS3 proprietà border-image-slice
Esempi
Dentro di offset di immagine specificata confine:
div
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
Supporto per il browser
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione della proprietà.
属性 | |||||
---|---|---|---|---|---|
border-image-slice | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Attributo definizioni e le istruzioni
border-immagine attributo -slice specifica il confine immagine interiormente compensato.
predefinito: | 100% |
---|---|
ereditarietà: | no |
versione: | CSS3 |
sintassi JavaScript: | object .style.borderImageSlice = "50% 50%" |
grammatica
border-image-slice:number|%|fill;
Nota: Questo attributo specifica l'immagine in alto, a destra, in basso, lato sinistro l'immigrazione, divisa in nove regioni: quattro angoli, quattro lati e mezzo.immagine intermedia sarà scartata (processo completamente trasparente), a meno che non compilare parole chiave. Se si omette il quarto numero / percentuale di esso, e la seconda lo stesso. Se anche si omette il terzo, ed è lo stesso del primo. Se anche si omette il secondo, ed è lo stesso del primo.
valore | spiegazione |
---|---|
numero | rappresentazione digitale del pixel dell'immagine (immagini bitmap) o le coordinate vettoriali (se l'immagine è un'immagine vettoriale) |
% | La percentuale della dimensione dell'immagine è relativa: l'altezza della larghezza orizzontale dell'immagine offset, immagine verticale di offset |
riempire | Riservato porzione intermedia dell'immagine |