94 votes

Comment dessiner une ligne en pointillés avec css ?

Comment puis-je dessiner une ligne en pointillés avec css ? J'ai cherché mais je n'ai pas trouvé.

merci

7voto

ChssPly76 Points 53452

Voulez-vous dire quelque chose comme "border : 1px noir pointillé' ?

référence w3schools.com

4voto

Graeme Perrow Points 22249
.myclass {
    border-bottom: thin red dotted;
}

3voto

Sarfraz Points 168484

Ajoutez l'attribut suivant à l'élément que vous souhaitez voir apparaître en pointillés.

style="border-bottom: 1px dotted #ff0000;"

3voto

Matthew T. Baker Points 920

J'ai essayé toutes les solutions proposées ici, mais aucune n'a permis d'obtenir une ligne nette de 1px. Pour y parvenir, procédez comme suit :

border: none; border-top: 1px dotted #000;

Alternativement :

 border-top: 1px dotted #000; border-right: none; border-bottom: none; border-left: none;

3voto

Utiliser comme ça :

<hr style="border-bottom:dotted" />

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X