Proprietà CSS border-image-width

Definizione e uso

L'attributo border-image-width definisce la larghezza del bordo dell'immagine.

Vedi anche:

Lezione CSS3:Bordi CSS3

Esempio

Definire la larghezza del bordo dell'immagine:

div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}

Sintassi CSS

border-image-width: numero|%|auto;

Note:Le quattro specifiche dell'attributo border-image-width dividono l'immagine di bordo in nove parti. Rappresentano la distanza dall'alto, destra, basso e sinistra dell'area.

valore dell'attributo

valore descrizione
numero rappresenta un multiplo del border-width corrispondente.
% Riferimento alle dimensioni dell'area dell'immagine di bordo: l'altezza influisce sull'offset orizzontale, la larghezza sull'offset verticale.
auto Se viene specificata questa proprietà, la larghezza è uguale alla larghezza intrinseca della porzione dell'immagine.

Dettagli tecnici

Valore predefinito: nessuna
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: oggetto.style.borderImageWidth="30 30"

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente questa proprietà.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 13.0 6.0 15.0

Si prega di consultare border-image proprietà.