English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La propriété de bord CSS définit la largeur, le style et la couleur de tous les quatre côtés de la bordure de l'élément. Il s'agit d'une propriété de bord unique, c'est-à-dire une propriété abrégée, etborder-width，border-styleetborder-colorest une seule déclaration.
Le tableau suivant résume l'utilisation de l'attribut et l'historique des versions.
| Valeur par défaut : | Voir les attributs individuels |
|---|---|
| Applicable à : | Tous les éléments |
| Héritage : | Non |
| Animable : | Oui,Voir également l'attribut individuel。Voir également Attributs d'animation。 |
| Version : | CSS 1，2，3 |
| Syntaxe JavaScript : | object object.style.border="1px solide rouge" |
La syntaxe de cette propriété est la suivante :
border: [ border-width border-style border-color ] | initial | inherit
Attention :Si l'une des propriétés énumérées ci-dessus manque ou est omise, la valeur par défaut de cet attribut (si elle existe) sera insérée. Pour plus de détails, voir les différentes propriétés.
Les exemples suivants montrent comment utiliser la propriété border.
h1 { border: 5px solide #ff0000;}
p { color: #00ff00; border: 5px solide;}Testez pour voir‹/›Attention :Siborder-colormanquant ou non spécifié (par exemple border: 5px solide;），coloralors la valeur de l'attribut de l'élément sera utilisée. Cependant, dans le cas où il y aborder-styleDans ce cas, sauter ou ignorer cette valeur ne montrera aucune bordure, car border-La valeur par défaut de la propriété style est none.
Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| border-width | Définir la largeur de la bordure de l'élément. |
| border-style | Définir le type de ligne de la bordure de l'élément. |
| border-color | Définir la couleur de la bordure de l'élément. |
| initial | Régler cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise la valeur calculée de la propriété border de son élément parent. |
la compatibilité du navigateur pour la propriété border, tous les navigateurs populaires supportent cette propriété.
|
Voir la tutoriel :CSS Border，CSS3 Border。
propriétés associées :border-width，border-style，border-color，border-collapse，border-image，border-radius，border-spacing。