Exemple
Définir le style des quatre frontières:
p
{
border: 5px solid red;
}
Essayez - le vous - même » Définition et utilisation
La frontière de la propriété abrégée fixe toutes les propriétés de la frontière dans une déclaration.
Les propriétés qui peuvent être définies, sont (in order) l' (in order) : border-width, border-style et border-color.
Il n'a pas d'importance si l'une des valeurs ci-dessus sont manquantes, par exemple border: # ff0000 solides; est autorisée.
| Valeur par défaut: | medium none color |
|---|---|
| Hérité: | no |
| Animable: | yes, see individual properties . Read about animatable Try it |
| Version: | CSS1 |
| Syntaxe JavaScript: | object .style.border="3px solid blue" Try it |
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxe CSS
border:border-widthborder-styleborder-color|initial|inherit;propriété valeurs
| Valeur | La description |
|---|---|
| border-width | Indique la largeur de la bordure. La valeur par défaut est "medium" |
| border-style | Indique le style de la bordure. La valeur par défaut est "none" |
| border-color | Indique la couleur de la frontière. La valeur par défaut est la couleur de l'élément |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. Lisez à propos de hériteront |
Pages associées
Tutoriel CSS: CSS Border
Tutoriel CSS: CSS Box Modèle
Référence HTML DOM: border property