Les propriétés CSS du Border-style

Dernière mise à jour le par Jean-François Pillou .

Effet simple sur les bordures

Vous pouvez définir des effets simples avec du css comme une bordure en pointillé.

border-style: valeur;

Valeurs possibles:

  • dashed
  • dotted
  • double
  • groove
  • hidden
  • inset
  • none
  • outset
  • ridge
  • solid

A savoir

Dans vos déclarations, définissez toujours la propriété de "border-style" avant la propriété de "border-color". En effet une bordure doit etre matérialisée avant d'etre coloriée.

Taille d'un bord

Vous pouvez définir la taille d'un bord avec la propriété :

border-width: valeur;

Valeurs possibles:

  • Length
  • Thin
  • Medium
  • Thick

En image

Un petit résumé des propriété en image:

Source et image

Source, image: Css Débutant

Cet article est régulièrement mis à jour par des experts sous la
direction de Jean-François Pillou, fondateur de CommentCaMarche.
A voir également
Ce document intitulé « Les propriétés CSS du Border-style » issu de Comment Ça Marche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.