Proprietà borderImageSlice dello stile

Definizione e uso

borderImageSlice L'attributo definisce lo spostamento inward dell'immagine di bordo.

Vedi anche:

Manuale CSS:Proprietà border-image-slice

Esempio

Definisce la spostamento inward dell'immagine di bordo:

document.getElementById("myDIV").style.borderImageSlice = "50% 10%";

Prova personalmente

Sintassi

Restituisce la proprietà borderImageSlice:

object.style.borderImageSlice

Imposta la proprietà borderImageSlice:

object.style.borderImageSlice = "number|%|fill|initial|inherit"

Valore dell'attributo

Valore Descrizione
number Numero che rappresenta i pixel dell'immagine (se è un'immagine raster) o le coordinate vettoriali (se è un'immagine vettoriale).
%

Percentuale rispetto alle dimensioni dell'immagine: la larghezza influisce sul偏sposizione orizzontale, l'altezza sull'offset verticale.

Il valore predefinito è 100%.
fill Riserva la parte centrale dell'immagine di bordo.
initial Imposta questo attributo al suo valore predefinito. Vedi anche initial.
inherit Incorpora questo attributo dall'elemento padre. Vedi anche inherit.

Dettagli tecnici

Valore predefinito: 100%
Valore di ritorno: Stringa che rappresenta l'elemento Proprietà border-image-slice.
Versione CSS: CSS3

Supporto del browser

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supportato 11.0 Supportato 6.0 15.0

Vedere di seguito Proprietà borderImage!