개체 속에서 문자의 첫 글자를 들어쓰기 하는 정도를 반환하거나 설정한다.
| (길이) | 부동소수점수치 다음에 cm, mm, in, pt, pc나 px 등 길이 단위가 따르는 절대 길이, 혹은 em or ex 등의 단위가 따르는 상대 길이이다. CSS 길이단위를 참조하라. |
| (백분율) | 정수값에 백분율 기호(%)를 붙인 것이다. 이 값은 모체 개체의 너비에 대한 백분율이다. |
이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 0이다.
CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.
이 속성은 음수값일 수 있다. HTML에서 br같은 줄바꿈이 일어나는 개체의 중간에는 들어쓰기를 삽입할 수 없다.
| 개체 | script | CSS | IE 버전 |
|---|
이 속성은 CSS1(Cascading Style Sheets, Level 1)에서 정의되었다.
왼쪽 빨간선이 모체 개체의 내용이 시작되는 왼쪽 기준선이다.
<DIV style="margin-left:100;margin-right:100;border:solid 1 blue;background:white;border-left:solid 2 red;">
<STYLE>
.showBut button{width:50}
</STYLE>
<SCRIPT>
function showAll(obj){
divObj.style.textIndent=obj.innerText;
}
</SCRIPT>
<DIV id="divObj" style="border:solid 1 blue;background:ffd;color:blue;font-weight:bold">문자열의 들여쓰기 위치를 주시하라.</DIV>
<P class="showBut">
<BUTTON onclick="showAll(this)">-100</BUTTON>
<BUTTON onclick="showAll(this)">-30</BUTTON>
<BUTTON onclick="showAll(this)">0</BUTTON>
<BUTTON onclick="showAll(this)">30</BUTTON>
<BUTTON onclick="showAll(this)">10</BUTTON>
<BUTTON onclick="showAll(this)">10px</BUTTON>
<BUTTON onclick="showAll(this)">10pt</BUTTON>
<BUTTON onclick="showAll(this)">10pc</BUTTON>
<BUTTON onclick="showAll(this)">1em</BUTTON>
<BUTTON onclick="showAll(this)">1cm</BUTTON>
<BUTTON onclick="showAll(this)">-5%</BUTTON>
<BUTTON onclick="showAll(this)">5%</BUTTON>
<BUTTON onclick="showAll(this)">10%</BUTTON>
</P>
</DIV>