개체의 textDecoration 속성으로 설정된 밑줄 장식의 위치를 반환하거나 설정한다. .

	Script	object.style.textUnderlinePosition=[sVal]
	HTML	<ELEMENT style="text-underline-position:sVal;">
	CSS	cssSelector {text-underline-position:sVal;}

인수

cssSelector : (스타일 선택자)

textUnderlinePosition 속성을 가질수 있는 엘레멘트(ELEMENT)나 클라스(class) 이름 혹은 인식자(id)이다.

sVal : (속성 문자열)

textUnderlinePosition 스타일 속성은 개체의 textDecoration 속성으로 설정된 밑줄 장식의 위치를 나타내는 문자열이다.

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)

참조

(영문)CSS3 text module(w3c.org)

이 속성은 CSS(Cascading Style Sheets)에 Microsoft가 확장한 것이다.

style ⇒

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>

style ⇒

textUnderlinePosition 스타일속성⇒

⇒

<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>

style ⇒

textUnderlinePosition 스타일속성

⇒

최종 수정: 07/25/2025 10:22:42

All right reserved

비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요.

http://koxo.com/lang/js/style/textUnderlinePosition.html