CSS టెక్స్ట్-డెక్కరేషన్-లైన్ అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

text-decoration-line లక్షణం వాక్యంలో ఉపయోగించాల్సిన టెక్స్ట్ డెకోరేషన్ రకం (అండర్ లైన్, ఆపర్ లైన్, స్ట్రైక్ లైన్) ని నిర్ణయిస్తుంది.

సూచన:అంతే కాకుండా text-decoration అనే లక్షణాన్ని కూడా పరిశీలించండి, ఇది text-decoration-line, text-decoration-style మరియు text-decoration-color యొక్క సరళీకృత లక్షణం ఉంది.

ప్రకటన:మీరు అనేక విలువలను కలపవచ్చు, ఉదాహరణకు underline మరియు overline, టెక్స్ట్ పైన మరియు క్రిందన రేఖలను ప్రదర్శించుట నుంచి రేఖలు.

ఇతర చూద్దాం:

CSS పాఠ్యంCSS టెక్స్ట్

HTML DOM పరిశీలన హాండ్బుక్textDecorationLine అంశం

ఇన్‌స్టాన్స్

వివిధ text-decoration లైన్ రకాలను సెట్ చేయండి:

div.a {
  text-decoration-line: overline;
}
div.b {
  text-decoration-line: underline;
}
div.c {
  text-decoration-line: line-through;
}
div.d {
  text-decoration-line: overline underline;
}

నేను ప్రయత్నించండి

CSS సంకేతం

text-decoration-line: none|underline|overline|line-through|initial|inherit;

అంశం విలువ

విలువ వివరణ
none అప్రమేయ విలువ. నిర్వచిస్తుంది text-decoration లేదు రేఖలు.
underline నిర్వచిస్తుంది టెక్స్ట్ క్రింద రేఖను ప్రదర్శించుట నుంచి రేఖలు.
overline నిర్వచిస్తుంది టెక్స్ట్ పైన రేఖను ప్రదర్శించుట నుంచి రేఖలు.
line-through నిర్వచిస్తుంది టెక్స్ట్ పైన రేఖను ప్రదర్శించుట నుంచి రేఖలు.
initial ఈ అంశాన్ని అప్రమేయ విలువకు అమర్చు. చూడండి: initial.
inherit ఈ అంశాన్ని తన ప్రాతిపదిక పెరిగించు. చూడండి: inherit.

సాంకేతిక వివరాలు

అప్రమేయ విలువ: none
వారసత్వం: సంకేతం లేదు
ఆనిమేషన్ నిర్మాణం: మద్దతు లేదు. చూడండి:ఆనిమేషన్ సంబంధిత అంశాలు.
వెర్షన్: CSS3
జావాస్క్రిప్ట్ సంకేతం: object.style.textDecorationLine="overline"

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ అంశాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ని చూపిస్తాయి。

ఈ సంఖ్యలు మొదటి వెబ్ బ్రౌజర్ ఆధారంగా -webkit- లేదా -moz- ప్రత్యేకంగా వినియోగించబడిన ప్రథమ వెర్షన్ నిర్మాణాన్ని సూచిస్తాయి。

క్రోమ్ ఐఇ / ఎంజెల్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
57.0 79.0 36.0
6.0 -moz-		 12.1
7.1 -webkit-		 44.0