Attribut border-top-style CSS

Définition et utilisation

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

La bordure ne peut apparaître que si cette valeur n'est pas none.

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

Voir également :

Tutoriel CSS :bordure CSS

Manuel CSS :Attribut border-top

Manuel HTML DOM :Attribut borderTopStyle

Exemple

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

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

Essayez-le vous-même

Syntaxe CSS

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

Valeur de l'attribut

Valeur Description
none Définit une bordure sans bordure.
hidden Égal à "none", à l'exception des tableaux où "hidden" est utilisé pour résoudre les conflits de bordure.
dotted Définit une bordure pointillée. Elle est généralement représentée comme une ligne continue dans la plupart des navigateurs.
dashed Définit une ligne pointillée. Elle est généralement représentée comme une ligne continue dans la plupart des navigateurs.
solid Définit une ligne continue.
double Définit une double ligne. La largeur de la ligne double est égale à la valeur de border-width.
groove Définit une bordure rainée 3D. Son effet dépend de la valeur de border-color.
ridge Définit une bordure bouchonnée 3D. Son effet dépend de la valeur de border-color.
inset Définit une bordure inset 3D. Son effet dépend de la valeur de border-color.
outset Définit une bordure outset 3D. Son effet dépend de la valeur de border-color.
inherit Définit que le style de la bordure doit être hérité de l'élément parent.

Détails techniques

Valeur par défaut : non spécifié
Héritabilité : non
Version : CSS1
Syntaxe 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