border-color

Hérité : non - Compatibilité :

IE 4,5,6,7 - CSS 1

Classement alphabétique :

!important
-moz-border-radius...
-moz-border-radius
-moz-opacity
azimuth
background-attachment
background-color
background-image
background-position...
background-position
background-repeat
background
behavior
border-bottom-color
border-bottom-style
border-bottom-width
border-bottom
border-collapse
border-color
border-spacing
border-style
border-width
border
bottom
caption-side
clear
clip
color
content
counter-increment
cue-after
cue
cursor
direction
display
elevation
empty-cells
filter (new style)
filter (old style)
float
font-family
font-size-adjust
font-size
font-stretch
font-style
font-variant
font-weight
font
height
ime-mode
layer-background-color
layout-flow
layout-grid-char
layout-grid-line
layout-grid-mode
layout-grid-type
layout-grid
left
letter-spacing
line-break
line-height
list-style-image
list-style-position
list-style-type
list-style
margin-bottom
margin
marker-offset
marks
max-height
max-width
opacity
orphans
outline-color
outline-style
outline-width
outline
overflow-x
overflow
padding-bottom
padding
page-break-after
page-break-inside
page
pause-after
pause
pitch-range
pitch
play-during
position
quotes
richness
right
ruby-align
ruby-overhang
ruby-position
scrollbar-3dlight-color
size
speak-header
speak-numeral
speak-punctuation
speak
speech-rate
stress
table-layout
text-align-last
text-align
text-autospace
text-decoration
text-indent
text-justify
text-kashida-space
text-overflow
text-shadow
text-transform
text-underline-position
top
unicode-bidi
vertical-align
visibility
voice-family
volume
white-space
widows
width
word-break
word-spacing
word-wrap
writing-mode
z-index
zoom

Cette forme courte de propriété permet d'appliquer à plusieurs côtés d'une bordure la même couleur ou une couleur différente. Vous pouvez fournir de une à quatre valeurs de couleur séparées par un espace. Le nombre de valeurs spécifiées détermine à quels côtés de la bordure ces valeurs doivent être appliquées.

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-color: couleur {1,4}

Valeur(s) possible(s) pour cette propriété :

La propriété accepte une, deux, trois ou quatre valeurs de couleur , selon le nombre de côtés et les côtés spécifiques auxquels vous souhaitez appliquer les couleurs. Les valeurs spécifiées sont interprétées comme l'indique le tableau suivant.

Nombre de valeurs	Effet
1	La valeur spécifiée est appliquée aux quatre côtés de la bordure.
2	La première valeur spécifiée est appliquée aux côtés supérieur et inférieur, et la seconde valeur aux côtés droit et gauche
3	La première valeur est appliquée au côté supérieur, la seconde aux côtés droit et gauche, et la troisième au côté inférieur
4	Chaque valeur est appliquée, respectivement, au côté supérieur, droit, inférieur et gauche

Pour plus de détails sur les valeurs possibles pour cette propriété, consultez notre page consacrée à la couleur.

Valeur initiale

La propriété de style "couleur" de l'élément (qui est hérité quand il n'est pas spécifiquement attribué pour l'élément).

Exemple

h2 {border-color: red blue red}
div {border-color: red rgb(0,0,255) red}

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 .borderColor

Testez vous-même la propriété border

Voici le style appliqué à l'élément <p> ci-dessous : border: 10px groove darkred;

Exemple

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 : 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.