CSS టెక్స్ట్-అండర్లైన్-ఆఫ్సెట్ అట్రిబ్యూట్

定义和用法

text-underline-offset 属性指定下划线文本装饰的偏移距离。

实例

设置下划线文本装饰的偏移距离：

div.a {
  text-decoration: underline;
}
div.b {
  text-decoration: underline;
  text-underline-offset: 10px;
}
div.c {
  text-decoration: underline wavy blue;
}
div.d {
  text-decoration: underline wavy blue;
  text-underline-offset: 10px;
}

ప్రయోగించండి

CSS సంకేతం

text-underline-offset: auto|length|percentage|initial|inherit;

గుణాంశం

విలువ వివరణ
auto అప్రమేయ విలువ.
length పొడవు విలువను నిర్దేశించండి.
percentage సమానుపాతం విలువను నిర్దేశించండి.
initial ఈ గుణాన్ని అప్రమేయ విలువకు అంతర్భాగం చేసుకుంటుంది. దయచేసి ఈ పేజీని సందర్శించండి: initial.
inherit ఈ గుణాన్ని తన ప్రాతినిధ్య ఘటకం నుండి పారంపర్యం చేసుకుంటుంది. దయచేసి ఈ పేజీని సందర్శించండి: inherit.

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

అప్రమేయ విలువ: auto
పారంపర్యం: yes
అనిమేషన్ తయారీ: మద్దతు లేదు. దయచేసి ఈ పేజీని సందర్శించండి:అనిమేషన్ సంబంధిత గుణాలు.
వెర్షన్: CSS4
జావాస్క్రిప్ట్ సంకేతం: object.style.textUnderlineOffset="1em"

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

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

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
87.0 87.0 70.0 12.1 73.0

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

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

సూచనలు:HTML DOM textDecoration గుణం