व्यक्तिगत शब्दों को रेखांकित करें - सीएसएस-ट्रिक्स

Anonim

text-decoration: underline;किसी मल्टीपल-वर्ड एलिमेंट में केवल अलग-अलग शब्दों में अंडरलाइन ( ) लगाने के लिए कोई सीएसएस नहीं है । सबसे अच्छा तरीका यह होगा कि आप प्रत्येक शब्द को स्पैन में रखें (रिक्त स्थान नहीं, केवल शब्द)। h1तत्वों के लिए ऐसा करने के लिए यहाँ jQuery है ।

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

तो आप कर सकते हैं:

h1 span ( text-decoration: underline; )

समान और थोड़ा अधिक मजबूत समाधान: Lettering.js