CSS3 propriété border-image-tranche
Exemples
décalage Intérieurement l'image limite spécifiée:
{
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
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 |