Podčrtaj posamezne besede - CSS-triki

Anonim

CSS ne more uporabiti podčrtaja ( text-decoration: underline;) samo za posamezne besede v elementu z več besedami. Najboljši način bi bil zaviti vsako besedo v razponu (ne presledkov, samo besed) v razpone in nanje podčrtati. Tukaj je jQuery, da to naredite z h1elementi.

$('h1').each(function() ( var words = $(this).text().split(' '); $(this).empty().html(function() ( for (i = 0; i < words.length; i++) ( if (i == 0) ( $(this).append('' + words(i) + ''); ) else ( $(this).append(' ' + words(i) + ''); ) ) )); ));

Potem lahko storite:

h1 span ( text-decoration: underline; )

Podobna in nekoliko bolj robustna rešitev: Lettering.js