Nėra CSS, kad pabraukimas ( text-decoration: underline;
) būtų pritaikytas tik atskiriems kelių žodžių elemento žodžiams. Geriausias būdas būtų kiekvieną žodį suvynioti tarpatramyje (ne tarpus, tik žodžius) tarpais ir tiems tarpatramiams pritaikyti pabraukimą. Štai „jQuery“, kaip tai padaryti h1
elementams.
$('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 galėtum padaryti:
h1 span ( text-decoration: underline; )
Panašus ir šiek tiek tvirtesnis sprendimas: „Lettering.js“