개체의 textDecoration 속성으로 설정된 밑줄 장식의 위치를 반환하거나 설정한다. .
![]() | Script | object.style.textUnderlinePosition=[sVal] |
HTML | <ELEMENT style="text-underline-position:sVal;"> | |
CSS | cssSelector {text-underline-position:sVal;} |
above | 장식이 텍스트보다 먼저나온다. |
below | 장식이 텍스트보다 나중에나온다. |
auto | 디폴트이며, IE6 이후에서 디폴트값이다. lang 애트리뷰트가 ko, zh 혹은 ja등 극동 언어(언어코드 목록에서 각각 한글, 중국어, 일본어, 등)이고, writing-mode 애트리뷰트가 수직 방향 tb-rl(top bottom - right left)로 설정되면 장식이 영어에서처럼 나중에 나오지 않고 자동적으로 장식이 텍스트보다 먼저 나온다. |
auto-pos | IE6 이후 auto와 동일하다. |
이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 auto이다.
CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.
auto와 auto-pos 값들은 IE6에서 적용된다. 이 속성의 디폴트값은 IE6에서 auto이고, IE5.5에서만 below이다.
이 속성은 밑줄 장식의 위치를 지정한다.
장식을 사용하거나 제거하기 위해서는 textDecoration 속성을 사용한다.
이 밑줄 장식의 위치는 개체의 텍스트 배치에 상대적이다. 수직 텍스트에서, above 값은 밑줄 장식은 텍스트 이전에 배치되고 텍스트보다 먼저 나타나며, below 값으로, 장식이 텍스트보다 나중에 나타난다.
개체 | script | CSS | IE 버전 |
---|---|---|---|
a | a.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
acronym | acronym.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
address | address.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
applet | applet.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
b | b.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
base | base.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
baseFont | baseFont.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
bdo | bdo.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
bgsound | bgsound.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
big | big.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
blockQuote | blockQuote.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
body | body.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
button | button.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
caption | caption.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
center | center.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
cite | cite.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
code | code.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
col | col.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
colGroup | colGroup.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
comment | comment.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
currentStyle | [sVal=]objectcurrentStyle.textUnderlinePosition | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
custom | custom.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
dd | dd.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
del | del.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
dfn | dfn.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
dir | dir.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
div | div.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
dl | dl.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
dt | dt.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
em | em.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
embed | embed.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
fieldSet | fieldSet.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
font | font.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
form | form.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
frameSet | frameSet.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
head | head.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
hn | hn.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
hr | hr.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
html | html.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
i | i.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
img | img.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
input | input.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
button | button.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
checkbox | checkbox.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
FileUpload | FileUpload.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
hidden | hidden.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
image | image.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
password | password.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
radio | radio.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
reset | reset.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
submit | submit.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
text | text.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
ins | ins.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
isIndex | isIndex.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
kbd | kbd.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
label | label.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
legend | legend.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
li | li.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
link | link.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
listing | listing.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
marquee | marquee.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
menu | menu.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
nextID | nextID.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
noBR | noBR.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
noFrames | noFrames.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
noScript | noScript.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
Object | Object.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
ol | ol.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
Option | Option.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
p | p.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
plainText | plainText.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
pre | pre.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
q | q.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
rt | rt.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
ruby | ruby.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
runtimeStyle | objectruntimeStyle.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
s | s.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
samp | samp.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
script | script.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
select | select.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
small | small.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
span | span.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
strike | strike.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
strong | strong.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
style | style.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
sub | sub.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
sup | sup.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
table | table.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
tBody | tBody.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
td | td.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
textArea | textArea.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
tFoot | tFoot.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
th | th.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
tHead | tHead.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
title | title.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
tr | tr.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
tt | tt.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
u | u.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
ul | ul.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
var | var.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
xml | xml.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
xmp | xmp.style.textUnderlinePosition[=sVal] | cssSelector{text-underline-position:sVal} | IE5.5(win16,win32,ce) |
이 속성은 CSS(Cascading Style Sheets)에 Microsoft가 확장한 것이다.
![]() | textUnderlinePosition 스타일속성⇒ | ![]() | ⇒ | ![]() ![]() ![]() |
수평 Underline 1 수평 Underline 2 수평 Underline 3
수직 Underline 1
수직 Underline 2
수직 Underline 3
수평 Overline 1
수직 Overline 1
위 두개의 모체 P 엘레멘트로부터 상속받는 textUnderlinePosition 스타일이 자식들에게 적용된다.
<STYLE> .container p, .container p span, .container span{border:solid 1 blue;background:ffe;padding:5;line-height:2em} </STYLE> <DIV class="container"> <P style="text-decoration:underline"> <SPAN style="text-underline-position:above">수평 Underline 1</SPAN> <SPAN>수평 Underline 2</SPAN> <SPAN style="text-underline-position:below">수평 Underline 3</SPAN> </P> <P style="writing-mode:tb-rl;text-decoration:underline"> <SPAN style="text-underline-position:above">수직 Underline 1</SPAN><BR> <SPAN>수직 Underline 2</SPAN><BR> <SPAN style="text-underline-position:below">수직 Underline 3</SPAN><BR> </P> <P style="text-decoration:overline">수평 Overline 1</P> <P style="writing-mode:tb-rl;text-decoration:overline">수직 Overline 1</P> </DIV>
![]() | textUnderlinePosition 스타일속성⇒ | ![]() | ⇒ | ![]() ![]() ![]() |
이 밑줄 장식의 위치는 개체의 텍스트 배치에 상대적이다. 수직 텍스트에서, above 값은 밑줄 장식은 텍스트 이전에 배치되고 텍스트보다 먼저 나타나며, below 값으로, 장식이 텍스트보다 나중에 나타난다.
개체의 textUnderlinePosition 속성값이 auto이고 lang 속성값이 ko이며, writing-mode 속성값이 tb-rl이다.
<DIV style="writing-mode:tb-rl; text-decoration:underline;text-underline-position:auto;line-height:1.5em;height:200;width:250"> <P lang="ko">이 밑줄 장식의 위치는 개체의 텍스트 배치에 상대적이다. 수직 텍스트에서, <SPAN style="text-underline-position:above;background:eff"><B>above</B> 값은 밑줄 장식은 텍스트 이전에 배치되고 텍스트보다 먼저 나타나며,</SPAN> <B>below</B> 값으로, 장식이 텍스트보다 나중에 나타난다.</P> </DIV>
![]() | textUnderlinePosition 스타일속성 | ⇒ | ![]() ![]() |
최종 수정: 07/10/2025 05:33:10 | ![]() All right reserved | 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요. | http://koxo.com/lang/js/style/textUnderlinePosition.html |