English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-droite-La propriété de style CSS définit le style de la bordure droite de l'élément. Cependant, dans de nombreux cas, commeborder-styleouborder-droiteCes propriétés CSS abrégées sont plus faciles à utiliser et plus recommandées.
Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe de son utilisation dans les scripts JavaScript.
| Valeur par défaut : | Description |
|---|---|
| Applicable à : | Tous les éléments |
| Héritage : | Aucun |
| Animable : | Non.Voir également Propriétés d'animation。 |
| Version : | CSS 1，2，3 |
| Syntaxe JavaScript : | object object.style.borderRightStyle="barré" |
La syntaxe de cette propriété est la suivante :
border-droite-style: none | hidden | pointillé | barré | solide | double | rainure | rebord | enfoncé | saisi | initial | hérité
L'exemple suivant montre comment utiliser border-droite-Propriété de style.
}
border-droite-p {
border-droite-style: dashed; 3width:
px;}/Vérifiez‹Valeur de l'attribut
| Le tableau suivant décrit les valeurs de cet attribut. | Valeur |
|---|---|
| Description | none |
| Aucun bord ne sera affiché. | hiddenComme none, mais la différence réside en ce que les cellules de tableau ontBord replié |
| Et les deux cellules partagent le bord. La valeur hidden assure que le bord n'est pas dessiné, car hidden a la priorité sur tous les autres styles de bord. | dotted |
| Affiche le bord en une série de points. | dashed |
| Affiche le bord en une série de segments courts, c'est-à-dire des tirets. | solide |
| Affiche le bord en une ligne continue. | doubleborder-widthAffiche le bord en deux lignes parallèles, avec un certain espace entre elles. La somme des deux lignes ainsi que l'espace entre elles est égale à |
| la valeur. | groove3Affiche un bord gravé dans le canevas. Il donne une impression deborder-colorL'impression de D, généralement réalisée en utilisant une couleur plus claire que la couleur du bord |
| deux couleurs plus claires et plus foncées créées pour créer l'ombre. | ridge3Affiche un bord groove en sens inverse de l'effet. Il donne également une |
| L'impression de D, le bord semble sortir du canevas. | inset3Affiche un bord qui rend la boîte de l'élément semblable à être intégrée dans le canevas. Il donne une impression deborder-colorD, cela est généralement réalisé en créant une ombre avec deux couleurs, plus claires que la couleur du bord |
| un peu plus clair et plus foncé. | outset3Affiche un bord inset en sens inverse de l'effet. Il donne également une |
| L'impression de D, le bord rend la boîte comme si elle sortait du canevas. | initial |
| Définir cette propriété à sa valeur par défaut. | inherit-droite-Si spécifié, l'élément associé utilise le border de son élément parent |
border-droite-Compatibilité du navigateur
|
Opera Avertissement : 7Internet Explorer8et les versions antérieures ne prennent pas en charge value hidden. IEpris en charge, mais nécessite un9et les versions ultérieures prennent en charge cette valeur hidden. .IE
Voir l'instruction :Bord CSS，CSS3 Border。
Attributs associés :border，border-style，border-droite，border-droite-color，
border-droite-width。