documentation css border-top

Vous êtes ici: Les articles techniques » documentation » Cascading Style Sheets : L'ensemble des propriétés CSS » border-top

Table des matières

border-top

Version CSS : 1

  • S’applique à : Tous les éléments.
  • Valeur héritée : Non
  • Valeur par défaut : Pas de valeur par défaut

Compatibilité

Navigateur IE 6 IE 7 Firefox 1.5 Firefox 2 Opera 8.5 Opera 9 Konqueror 3.5 Safari 2
border-top Partiel Partiel Oui Oui Oui Oui Oui Oui
border-width 90% 90% Oui Oui Oui Oui Oui Oui
border-style 82% 82% Oui Oui Oui Oui Oui Oui
border-top-color 66% 83% Oui Oui 99% 99% ≈100% ≈100%
inherit Non Non Oui Oui Oui Oui Oui Oui

Explications

Regroupe les différentes propriétés css permettant de définir une bordure du haut d’un élément :

  • border-top-color
  • border-top-style
  • border-top-width

Les valeurs de ces différentes propriétés sont regroupées et peuvent être énoncées à la suite, peu importe l’ordre, mais séparées par des espaces.

Certains navigateurs n’interprèteront dailleurs pas correctement les bordures si ces 3 propriétés ne sont pas renseignées.

Se référer à ces différentes propriétés pour voir les valeurs existantes.

Les caractèristiques des autres bordures peuvent être définies avec “border-bottom”, “border-right” et “border-left” ou à l’aide de “border” pour définir tous les attributs directement.

Exemple de script

.bordure1 {
  border-top: #bcc2fc double 5px;
}
 
.bordure2 {
  border-top: dotted #808080 1pt;
}
 
.bordure3 {
  border-top: thick #ffd700 outset;
}
 
.bordure4 {
  border-top: groove #9400d3 4px;
}



veille
inscrits inscrits ! Compensation à la rédaction
  • Inscription au wiki
  • Connexion

vod