Propriété border-top-style CSS

Définition et utilisation

border-top-style définit le style de la bordure supérieure de l'élément.

Le bord n'apparaît que si cette valeur n'est pas none.

Dans CSS1, l'agent utilisateur HTML ne doit prendre en charge que solid et none.

Voir également :

Tutoriel CSS :Bordure CSS

Manuel CSS :Propriété border-top

Manuel HTML DOM :Propriété borderTopStyle

Exemple

Définir le style de la bordure supérieure :

p
  {
  border-style:solid;
  border-top-style:dotted;
  }

Essayez-le vous-même

Grammaire CSS

border-top-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|hérité;

Valeur de l'attribut

Valeur Description
aucun Définir un bord sans bordure.
aucun Équivalent à "none" mais ne s'applique pas aux tableaux. Pour les tableaux, "hidden" est utilisé pour résoudre les conflits de bordure.
hidden Définir un bord en points. Elle est représentée sous forme de ligne continue dans la plupart des navigateurs.
pointillée Définir une ligne pointillée. Elle est représentée sous forme de ligne continue dans la plupart des navigateurs.
solide Définir une ligne continue.
double Définir une double ligne. La largeur de la ligne double est égale à la valeur de border-width.
groove Définir un bord 3D en creux. L'effet dépend de la valeur de border-color.
ridge Définir un bord 3D ondulé. L'effet dépend de la valeur de border-color.
inset Définir un bord 3D inset. L'effet dépend de la valeur de border-color.
outset Définir un bord 3D outset. L'effet dépend de la valeur de border-color.
hérité Il est prévu que la propriété de bordure soit héritée de l'élément parent.

Détails techniques

Valeur par défaut : non spécifié
Héritabilité : non
Version : CSS1
Grammaire JavaScript : object.style.borderTopStyle="dotted"

Plus d'exemples

Définir le style de la bordure supérieure
Cet exemple montre comment définir le style de la bordure supérieure.

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2