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.