Derniers tutoriels de développement web
 

Style borderImageSlice Property

<Style objet

Exemple

Spécifiez les décalages vers l'intérieur de l'image-frontière:

document.getElementById("myDIV").style.borderImageSlice = "50% 10%";
Essayez vous - même »

Définition et utilisation

La propriété borderImageSlice spécifie les décalages vers l'intérieur de l'image-frontière.


Support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propriété borderImageSlice est pas pris en charge dans Opera.

La propriété est borderImageSlice pas pris en charge dans Internet Explorer 10 et plus tôt.

La propriété est borderImageSlice pas pris en charge dans Safari 5 et versions antérieures.

Regardez la borderImage place bien!


Syntaxe

Retour la propriété borderImageSlice:

object .style.borderImageSlice

Définissez la propriété borderImageSlice:

object .style.borderImageSlice=" Valeurs de propriété
Valeur La description
number Les nombres représentent des pixels dans l'image (if the image is a raster image) ou les coordonnées vectorielles (if the image is a vector image)
% Les pourcentages sont par rapport à la taille de l'image: la largeur de l'image pour les décalages horizontaux, la hauteur pour des décalages verticaux. La valeur par défaut est de 100%
fill Causes de la partie centrale de la frontière image à préserver
initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial
inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront

Détails techniques

Valeur par défaut: 100%
Valeur de retour: Une chaîne, ce qui représente la propriété border-image de tranche d'un élément
version CSS CSS3

Pages associées

Référence CSS: border-image-slice property


<Style objet