Le meilleur didacticiel CSS3 propriété border-image-tranche en 2024, dans ce didacticiel, vous pouvez apprendre Exemples,support du navigateur,Définition des attributs et des instructions,grammaire,

CSS3 propriété border-image-tranche

Exemples

décalage Intérieurement l'image limite spécifiée:

div
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}

support du navigateur

Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.

属性
border-image-slice 15.0 11.0 15.0 6.0 15.0

Définition des attributs et des instructions

frontière image attribut -slice spécifie la limite d'image décalé vers l'intérieur.

Par défaut: 100%
Héritage: aucun
Version: CSS3
Syntaxe JavaScript: objet .style.borderImageSlice = "50% 50%"


grammaire

border-image-slice:number|%|fill;

Note: Cet attribut spécifie l'image en haut, droite, bas, côté gauche vers l' intérieur migration, divisé en neuf régions: quatre coins, quatre côtés et au milieu.l'image intermédiaire sera ignoré (processus entièrement transparent), à moins de remplir les mots clés. Si vous omettez le quatrième nombre / pourcentage de celui-ci, et le second le même. Si vous omettez également le troisième, et il est le même que le premier. Si vous omettez aussi le deuxième, et il est le même que le premier.

valeur explication
nombre La représentation numérique de l'image pixel (images bitmap) ou coordonnées vectorielles (si l'image est une image vectorielle)
% Le pourcentage de la taille de l'image est relative: la hauteur de la largeur horizontale de l'image d'offset, décalage vertical d'image
remplir partie intermédiaire réservée de l'image
CSS3 propriété border-image-tranche
10/30