Nincs CSS az aláhúzás ( text-decoration: underline;
) csak a többszavas elemben szereplő egyes szavakra történő alkalmazásához . A legjobb módszer az lenne, ha az egyes szavakat egy átfedésben (nem a szóközökben, csak a szavakban) átfogjuk, és aláhúzást alkalmazunk ezekre a szakaszokra. Itt van a jQuery, hogy ezt megteje az h1
elemekkel.
$('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) + ''); ) ) )); ));
Akkor megtehette:
h1 span ( text-decoration: underline; )
Hasonló és kissé robusztusabb megoldás: Lettering.js