Podcrtaj pojedine riječi - CSS-trikovi

Anonim

Ne postoji CSS za primjenu podvlačenja ( text-decoration: underline;) samo na pojedine riječi u elementu s više riječi. Najbolji način bio bi zamotati svaku riječ u rasponu (ne razmake, samo riječi) u raspone i primijeniti podcrtavanje na te raspone. Evo jQuery-ja da to učinim s h1elementima.

$('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) + ''); ) ) )); ));

Tada biste mogli učiniti:

h1 span ( text-decoration: underline; )

Slično i malo robusnije rješenje: Lettering.js