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

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

text-underline-position అట్రిబ్యూట్ అండర్ లైన్ టెక్స్ట్ అలంకరణ స్థానాన్ని నిర్వచిస్తుంది.

ఉదాహరణ

అండర్ లైన్ టెక్స్ట్ అలంకరణ స్థానాన్ని సెట్ చేయండి:

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

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

CSS సంకేతపత్రం

text-underline-position: auto|under|from-font|left|right|initial|inherit;

అట్రిబ్యూట్ విలువ

విలువ వివరణ
auto అప్రమేయం. బ్రౌజర్ అండర్ లైన్ స్థానాన్ని సెట్ చేస్తుంది.
under అండర్ లైన్ ను అక్షర బేస్ లైన్ క్రింద సెట్ చేయండి.
from-font

ఫంట్ ఫైల్స్ అండర్ లైన్ స్థానం గురించి సమాచారం కలిగితే ఈ విలువను ఉపయోగించండి.

లేకపోతే auto ఉపయోగించండి.
left

ఉరుగ్ర రూపకల్పన ప్రక్రియలో అండర్ లైన్ వచ్చిన సైడ్ లో ఉంచబడుతుంది.

హరిద్ర రూపకల్పన ప్రక్రియలో అండర్ లైన్ ఆటో స్థానంలో ఉంచబడుతుంది.
right

ఉరుగ్ర రూపకల్పన ప్రక్రియలో అండర్ లైన్ వచ్చిన సైడ్ లో ఉంచబడుతుంది.

హరిద్ర రూపకల్పన ప్రక్రియలో అండర్ లైన్ ఆటో స్థానంలో ఉంచబడుతుంది.
initial ఈ అట్రిబ్యూట్ ను అప్రమేయ విలువకు సెట్ చేయండి. ఈ కు మీద చూడండి: initial.
inherit ఈ అట్రిబ్యూట్ ను తన ముందుకు ఉన్న ప్రాతిపదికగా అనుసరిస్తుంది. ఈ కు మీద చూడండి: inherit.

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

అప్రమేయం: auto
పారంపర్యం: అవును
అనిమేషన్ తయారీ: మద్దతు లేదు. దయచేసి ఈ కు మీద చూడండి:అనిమేషన్ సంబంధిత అట్రిబ్యూట్లు.
సంస్కరణ: CSS3
JavaScript సంకేతపత్రం: object.style.textUnderlinePosition="under"

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

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

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
33.0 79.0 74.0 12.1 20.0

సంబంధిత పేజీలు

శిక్షణ పత్రికCSS టెక్స్ట్ డెక్కరేషన్

సూచనలు:HTML DOM textDecoration అట్రిబ్యూట్