48 votes

Ajouter des guillemets doubles à un paragraphe avec CSS

Disons que j'ai ce paragraphe :

 <p class="myclass">This is my paragraph</p>

Quel est le code CSS pour ajouter des guillemets doubles à ce paragraphe ? (Donc, il affichera "Ceci est mon paragraphe")

 .myclass {}

86voto

Pedryk Points 1637
.myclass:before
{
content: '\201C';
}

.myclass:after
{
content: '\201D';
}

47voto

Rob W Points 125904

Utiliser des pseudo-éléments :

 p.myclass:before, p.myclass:after {
    content: '"';
}

Violon : http://jsfiddle.net/2bE8j/1/

3voto

rockingtree Points 31

Voici ce que j'ai fait pour que les citations sur mon blockquote fonctionnent.

C'est pour le premier guillemet :

 blockquote:before{content: open-quote;}

et c'est pour le deuxième guillemet :

 blockquote:after{content: close-quote;)

Cependant, cela ne fonctionne qu'en CSS3.

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