Code html avec content:"";

Salut !

Voila quand je fait un code du genre :

h1:before{content:"<b>test</b>"}

Sa m'ecrit clairement <b>test</b> avant chaque lien, alors que je voudrait que sa ecrive test en gras, sans que sa affiche les balises html

Comment faire ?
Merci

Bonjour theo7 et bienvenue sur le forum Alsacréations.

La propriété CSS content permet de générer du contenu. Cela peut être une chaîne de caractères, une image, la valeur d'un attribut, un compteur ou encore des guillemets.

Cependant, il n'est pas possible d'insérer des balises HTML dans la valeur de type chaîne associée à content.

Pour afficher le message "test" en gras devant un élément E (un lien, un titre, etc.), il suffit d'utiliser la propriété font-weight de la façon suivante :

E:before {
	content: "test";
	font-weight: bold;
}

J'ajoute que la valeur de la propriété content peut également contenir des caractères spéciaux encodés en hexadécimal et précédés d'un backslash. Par exemple, \00BB permet d'afficher les doubles guillemets fermants qui servent parfois de puces pour les éléments de listes non ordonnées.

Bonne continuation.
Modifié par Romain H. (08 Oct 2006 - 00:49)