border-bottom,
border-left,
border-right,
border-top

Hérité : non   -   Compatibilité : FF, Mozilla, Opera, Safari IE 4,5,6,7 - CSS 1

Ces quatre propriétés permettent de définir, à l'aide d'une seule instruction, la largeur, le style et/ou la couleur d'un seul côté de la bordure d'un élément. Les propriétés qui ne sont pas explicitement définies par cette propriété adoptent leur valeur initiale.

Pour la façon particulière dont Internet Explorer interprête parfois ces propriétés, reportez-vous à la propriété border.

Syntaxe CSS
border-bottom: largeur || style || couleur
border-left: largeur || style || couleur
border-right: largeur || style || couleur
border-top: largeur || style || couleur
Valeur(s) possible(s) pour cette propriété :

Pour en savoir plus sur les valeurs des propriétés largeur et style, reportez-vous à la description des propriétés border-bottom-width et border-bottom-style.

Valeur initiale

Aucun.

Exemple
p {border-bottom: 3px solid lightgreen}
p {border-left: 6px solid lightgreen}
p {border-right: 3px solid lightgreen}
p {border-top: 6px solid lightgreen}
S'applique à 

Tous les éléments, mais uniquement les éléments de niveau bloc et éléments remplacés (IMG, INPUT, TEXTAREA, SELECT et OBJECT) dans IE 4 et 5 pour Windows.

Javascript

[window.]document .getElementById("elementID") .style .borderBottom
[window.]document .getElementById("elementID") .style .borderLeft
[window.]document .getElementById("elementID") .style .borderRight
[window.]document .getElementById("elementID") .style .borderTop

border-bottom-color, border-top-color, border-left-color, border-right-color (pour définir la couleur d'un seul bord d'un cadre)
border-bottom-style, border-top-style, border-left-style, border-right-style (pour définir le style d'un seul bord d'un cadre)
border-bottom-width, border-top-width, border-left-width, border-right-width (pour définir l'épaisseur d'un seul bord d'un cadre)
border-bottom, border-top, border-left, border-right, (pour définir toutes les caractéristiques d'un seul bord d'un cadre)
border-color (pour définir la couleur d'un cadre)
border-style (pour définir le style d'un cadre)
border-width (pour définir l'épaisseur d'un cadre)
border (pour définir toutes les caractéristiques d'un cadre).
-moz-border-radius, -moz-border-radius-bottomleft, -moz-border-radius-bottomright, -moz-border-radius-topleft, -moz-border-radius-topright (propriétés propres à Mozilla pour définir les formes d'angle d'un cadre).




Ce site vous a plu ? Visitez aussi : Conception de sites Internet et Le design des sites Web


Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.
This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu