English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-image-L'attribut source CSS spécifie la position de l'image à utiliser pour la bordure, au lieu deborder-styleStyle de bordure spécifié par l'attribut.
Le tableau suivant décrit l'utilisation de cette propriété, l'historique des versions et la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.
| Valeur par défaut : | none |
|---|---|
| Appliqué à : | Cette propriété peut être appliquée à n'importe quel élément, mais lorsque les éléments de tableau (comme tr, th, td) ont un border-L'attribut collapse a la valeur collapse pour border-image-L'attribut source n'est pas valide. Il est également applicable à::first-letter。 |
| Héritage : | Non |
| Animable : | Non.Voir également Attributs d'animation。 |
| Version : | CSS3nouvelles fonctionnalités |
| JavaScript syntaxe : | object.style.borderImageSource="url(border.png)" |
La syntaxe de cette propriété est la suivante :
border-image-source: none | image | initial | inherit
Les exemples suivants montrent comment utiliser border-image-attribut source.
.box {
width: 300px;
height: 150px;
border-image-source: url("border.png");
border-image-slice: 30;
border-image-repeat: round;
}Voyons‹/›Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| none | Si aucune image de bordure n'est définie, l'image de bordure utilisera le style de bordure. C'est la valeur par défaut. |
| image | Spécifier la position de l'image de bordure. |
| initial | Rétablir cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise la bordure de son élément parent-image-Valeur calculée de l'attribut source. |
border-image-La compatibilité du navigateur de l'attribut source, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; cette propriété est prise en charge par tous les navigateurs populaires.
|
Veuillez consulter les tutoriels suivants :CSS3 BorderetBorder CSS。
Attributs associés :border-image，border-image-width，border-image-repeat，border-image-slice，border-image-outset，border。