IP Girl
  1. IP Girl
  3. Ajouter des guillemets doubles à un paragraphe avec CSS
Intereting Posts
Différence entre CurrentCulture, InvariantCulture, CurrentUICulture et InstalledUICulture Auto Generate Database Diagram MySQL Générer des noms de fichiers temporaires sans créer de fichier réel en Python PowerShell dit que «l’exécution des scripts est désactivée sur ce système». node / express: définir NODE_ENV lors de l’utilisation de Forever pour exécuter le script en continu Gradient circulaire dans Android Les gros modèles et les contrôleurs maigres ressemblent à la création de modèles de Dieu Listes vs Tuples – Que utiliser et quand? Le VB.NET ‘With’ Statement – emarmser ou éviter? Comment tester l’égalité des énumérations de Swift avec les valeurs associées Comment puis-je vérifier la taille d’un fichier dans un script de lot Windows? Comment créer un littéral de classe d’un type connu: Classe <List > sql, ordre par colonne A puis par colonne B Comment répéter une édition sur plusieurs lignes dans Vim? tomcat – Variables CATALINA_BASE et CATALINA_HOME

Ajouter des guillemets doubles à un paragraphe avec CSS

Disons que j’ai ce paragraphe: 

This is my paragraph

Quel est le code CSS pour append des guillemets doubles à ce paragraphe? (Donc ça va rendre “Ceci est mon paragraphe”) 

 .myclass {}

Utilisez des pseudo-éléments : 

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

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

En fait, la réponse acceptée est fausse ou au moins sous-optimale. CA devrait etre: 

 q { quotes: '\201c' '\201d'; } q:before { content: open-quote; } q:after { content: close-quote; }

Le \201c est un Unicode pour un double guillemet bouclé gauche. Il n’y a pas de raison que vous ne puissiez pas écrire les guillemets directement dans la règle pour q : 

 q { quotes: '“' '”'}

open-quote et close-quote sont des valeurs spéciales pour la propriété content , qui font référence aux chaînes données en tant que valeurs pour la propriété quotes .

Maintenant, vous pouvez juste dire: 

 
This is my paragraph

Ou une variante de celle-ci; Vous pouvez bien sûr append les règles before et after directement sur p si vous préférez: 

 body { quotes: '\201c' '\201d'; } p:before { content: open-quote; } p:after { content: close-quote; }

Cela vous permet de prendre en compte les caractères spécifiques utilisés pour les guillemets à l’aide de la propriété quotes , sans modifier toutes les règles before et after . Par exemple, vous pouvez alors faire des choses telles que 

 :lang(de) { quotes: "»" "«"; }

pour obtenir des guillemets de style allemand, si l’atsortingbut lang a été défini sur de tous les ancêtres.

La propriété quotes vous permet en fait de spécifier des ensembles de devis supplémentaires, à utiliser avec des guillemets nesteds. Voir les documents pour plus de détails. 

 body { quotes: '\201c' '\201d'; } q:before { content: open-quote; } q:after { content: close-quote; } :lang(de) { quotes: "»" "«"; } 
 
Quoth the raven, Never more.
 
Sprach der Rabe: Nie du Tor.
 
 .myclass:before { content: '\201C'; } .myclass:after { content: '\201D'; }

Voici ce que j’ai fait pour faire les citations sur mon travail de blockquote.

Ceci 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 que dans CSS3.