Les propriétés CSS du Border-style

Décembre 2016



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

A voir également :

Ce document intitulé «  Les propriétés CSS du Border-style  » issu de CommentCaMarche (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.