La propriété CSS border-style permet de modifier le style de la bordure éléments sur lesquels elle est appliquée.
p {
border-style: dotted solid double dashed;
}
ou
p {
border-style:dotted solid double;
}
ou
p {
border-style:dotted solid;
}
ou
p{
border-style:dotted;
}
Elle permet de modifier le style de la bordure d’un texte donné, ici elle s’applique à un paragraphe .
Les valeurs seront appliquées aux bordures dans le sens de l’aiguille d’une montre.
Dans le premier exemple la bordure sera en pointillé en haut, solide à droite, doublé en bas et en tiret à gauche.
Dans le deuxieme exemple la bordure sera en pointillé en haut, solide à gauche et à droite et doublé en bas.
Dans le troisième exemple la bordure sera en pointillé en haut et en bas et solide à gauche et à droite.
Dans le quatrième exemple toute les bordures seront en pointillé.
Exemple :
<p style="border-style:dotted solid double dashed; border-width:3px; border-color:#aacaff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.</p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pharetra placerat felis, quis auctor urna lobortis eu. Mauris id nunc ac quam sollicitudin varius. Mauris eget erat vitae purus lacinia egestas. Proin nibh nisl, dictum vitae lacinia quis, consectetur congue elit.