border-bottom,
border-left,
border-right,
border-top
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.
border-left: largeur || style || couleur
border-right: largeur || style || couleur
border-top: largeur || style || couleur
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.
Aucun.
p {border-left: 6px solid lightgreen}
p {border-right: 3px solid lightgreen}
p {border-top: 6px solid lightgreen}
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.
[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.
Ce site vous a plu ? Visitez aussi :
et
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é.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.
-
Introduction
Premiers pas
Héritages
Eléments "blocs"
Mise en page
Problèmes
Faire des tableaux
Pseudo-frames
Menu déroulant
Styles alternatifs
10 trucs à savoir
Couleurs CSS
Unités CSS
Classement alphabétique
Classement par familles
Réflexions et prises de tête
Les fausses promesses
Tableaux contre CSS : le combat
Les ayatollahs
Accueil
Recherche
Imprimer
Haut de page
Page précédente
Page suivante
Accessibilité
Copyrights
Contact
Référencer un site web