La propriété BORDER-STYLE permet de changer la forme de la bordure. Par défaut, la bordure est un trait plein. Mais vous pouvez mettre un trait différent pour la bordure.
Nous allons reprendre l'exemple précédent et nous allons ajouter la propriété BORDER-STYLE avec un style de bordure sous forme de tiret.
Exemple : Le code css
|
#tableau { border:3px; border-style:dashed; background-color:#FFFF00; /*Couleur de fond du tableau } |
Exemple : le HTML associé au css
|
<table id="tableau"> <p>Un tableau avec une bordure de 3 pixels et une bordure faite de tiret</p> </table> |
Et voici le résultat
Un tableau avec une bordure de 3 pixels et une bordure faite de tiret |