వినియోగదారుని ఆకట్టుకునే వెబ్సైట్లకు తరచుగా బహుళ స్టైలింగ్ మెథడాలజీలను ఎప్పటికప్పుడు జోడించడం అవసరం. అటువంటి పరిస్థితులలో, సైట్ను ప్రత్యేకంగా నిలబెట్టడానికి అవసరాలకు అనుగుణంగా వివిధ విలువల ఆధారంగా టెక్స్ట్ డెకరేషన్ యొక్క స్టైలింగ్ని అనేక మార్గాల్లో నిర్వహించవచ్చు.
ఈ బ్లాగ్ క్రింది కంటెంట్ ప్రాంతాలను కవర్ చేస్తుంది:
టైల్విండ్ CSSలో టెక్స్ట్ డెకరేషన్ స్టైల్ని ఎలా సెట్ చేయాలి?
వచన శైలిని '' సహాయంతో సెట్ చేయవచ్చు మరియు అలంకరించవచ్చు వచన-అలంకరణ-శైలి ” విభిన్న స్టైలింగ్ విలువలతో ఆస్తి కేటాయించబడింది.
టెక్స్ట్ డెకరేషన్ స్టైల్ ప్రాపర్టీస్
తరగతి | లక్షణాలు |
అలంకరణ-ఘన | టెక్స్ట్-అలంకరణ-శైలి: ఘన; |
అలంకరణ-డబుల్ | టెక్స్ట్-అలంకరణ-శైలి: డబుల్; |
అలంకార-ఉంగరాల | టెక్స్ట్-అలంకరణ-శైలి: ఉంగరాల; |
అలంకరణ-గీసిన | వచన-అలంకరణ-శైలి: గీతలు; |
అలంకరణ-చుక్కల | టెక్స్ట్-అలంకరణ-శైలి: చుక్కలు; |
ఉదాహరణ: టైల్విండ్ CSSలో టెక్స్ట్ డెకరేషన్ స్టైల్ని సెట్ చేయడం
ఈ ఉదాహరణ పైన చర్చించిన “ని ఉపయోగిస్తుంది వచన-అలంకరణ-శైలి ” పేరా టెక్స్ట్ను స్టైల్ చేయడానికి అన్ని విలువలతో కూడిన ఆస్తి:
DOCTYPE html >< html >
< తల >
< మెటా అక్షర సమితి = 'utf-8' >
< మెటా పేరు = 'వ్యూపోర్ట్' విషయము = 'వెడల్పు=పరికర వెడల్పు, ప్రారంభ-స్థాయి=1' >
< స్క్రిప్ట్ src = 'https://cdn.tailwindcss.com' > స్క్రిప్ట్ >
తల >
< శరీరం >
< div >
< p తరగతి = 'అండర్లైన్ డెకరేషన్-ఘన ...' > ఇది Linuxhint వెబ్సైట్ p >
< p తరగతి = 'అండర్లైన్ డెకరేషన్-డబుల్ ...' > ఇది Linuxhint వెబ్సైట్ p >
< p తరగతి = 'అండర్లైన్ డెకరేషన్-వేవీ ...' > ఇది Linuxhint వెబ్సైట్ p >
< p తరగతి = 'అండర్లైన్ డెకరేషన్-డాష్డ్ ...' > ఇది Linuxhint వెబ్సైట్ p >
< p తరగతి = 'అండర్లైన్ డెకరేషన్-డాటెడ్ ...' > ఇది Linuxhint వెబ్సైట్ p >
div >
శరీరం >
html >
ఈ కోడ్ ఆధారంగా, క్రింది దశలను వర్తించండి:
-
- ఇచ్చిన వాటిని చేర్చండి' CDN 'లోపల మార్గం' <తల> ” Tailwind ఫంక్షనాలిటీలను వర్తింపజేయడానికి ట్యాగ్ చేయండి.
- ఇప్పుడు, “ని ఉపయోగించి నాలుగు పేరాగ్రాఫ్లను సృష్టించండి '' ట్యాగ్ కలిగి ఉంది వచన-అలంకరణ ” చర్చించినట్లుగా, ఒక్కో సందర్భంలో ఒక్కో విలువతో కేటాయించబడిన ఆస్తి.
- ఇది తత్ఫలితంగా ఘన, డబుల్, ఉంగరాల, గీతలు మరియు చుక్కల పంక్తులతో వచనాన్ని అండర్లైన్ చేస్తుంది.
అవుట్పుట్
ఈ ఫలితం నుండి, వచనం తదనుగుణంగా అలంకరించబడిందని ధృవీకరించబడింది.
ముగింపు
వచన శైలిని '' సహాయంతో సెట్ చేయవచ్చు మరియు అలంకరించవచ్చు వచన-అలంకరణ-శైలి ” విభిన్న స్టైలింగ్ విలువలతో ఆస్తి కేటాయించబడింది. ఈ విలువలలో సాలిడ్, డబుల్, వేవీ, డాష్ మరియు చుక్కలు ఉంటాయి. ఈ బ్లాగ్ టైల్విండ్ CSSని ఉపయోగించి టెక్స్ట్-డెకరేషన్ స్టైల్ని సెట్ చేయడం గురించి మాత్రమే.