La programmation css-content

9

Ajout d'entités HTML à l'aide de contenu CSS

Comment utilisez-vous la propriété CSS content pour ajouter des entités HTML ? Utiliser quelque chose comme ça imprime simplement &nbsp;à l'écran au lieu de l'espace insécable: .breadcrumbs a:before { content: '&nbsp;'; }

1013 html css html-entities css-content

20

Puis-je utiliser un pseudo-élément: avant ou: après sur un champ de saisie?

J'essaie d'utiliser le :afterpseudo-élément CSS sur un inputchamp, mais cela ne fonctionne pas. Si je l'utilise avec un span, cela fonctionne bien. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Cela fonctionne (met le smiley après "buu!" Et avant "un peu plus") <span class="mystyle">buuu!</span>a some more Cela ne fonctionne pas - …

687 html css pseudo-element css-content

3

Propriété de contenu CSS: est-il possible d'insérer du HTML au lieu du texte?

Je me demande simplement s'il est possible de faire en sorte que la contentpropriété CSS insère du code html à la place :beforeou :afterun élément comme: .header:before{ content: '<a href="#top">Back</a>'; } ce serait assez pratique ... Cela pourrait être fait via Javascript mais utiliser css pour cela faciliterait vraiment la …

246 html css pseudo-element css-content

4

CSS: comment ajouter un espace blanc avant le contenu de l'élément?

Aucun des codes suivants ne fonctionne: p:before { content: " "; } p:before { content: "&nbsp;"; } Comment ajouter un espace blanc avant le contenu de l'élément? Remarque: je dois colorier la bordure gauche et la marge gauche pour une utilisation sémantique et utiliser l'espace comme marge incolore. :)

118 css unicode space css-content

3

Puis-je avoir plusieurs pseudo-éléments: avant pour le même élément?

Est-il possible d'avoir plusieurs :beforepseudos pour le même élément? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } J'essaie d'appliquer les styles ci-dessus au même élément en utilisant jQuery, mais seul le plus récent est appliqué, jamais les deux.

116 css css-selectors pseudo-element css-content

2

Pourquoi les guillemets doubles ne sont-ils affichés que pour le premier élément?

Je me demande pourquoi le navigateur affiche des doubles guillemets ouverts uniquement pour le premier élément. Le deuxième élément a plutôt des guillemets simples. a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> Exécuter l'extrait de codeMasquer les résultatsDévelopper l'extrait

89 html css pseudo-element css-content

Questions marquées «css-content»