상위 요소 값의 상속

font 속성처럼 그대로 하위 자식 요소에 상속되는 속성.

text-indent

/*css*/
.smallCapsText
{
      width:600px;
      text-indent:20%;
      border:1px solid black;
}
.idt
{
     border:1px dashed lime;
     width:300px;
}
.inner
{
    text-indent:20%;
}

/*html*/
<div class = "smallCapsText">
        <p>
            This is regular upper - and lower case text displayed in firefox,
            This is regular upper - and lower case text displayed in firefox,This is regular upper -
            and lower case text displayed in firefox,This is regular upper - and lower case text displayed in firefox
        </p>
       
        <div class = "inner">
            This is small caps text displayed in firefox.,이부분은 p 태그 안에 있지만 Normal 임,
            이부분은 p 태그 안에 있지만 Normal 임,
            이부분은 p 태그 안에 있지만 Normal 임m이부분은 p 태그 안에 있지만 Normal 임
            <div class="idt">
                This is 즐거운 주말 보내고 계세요~? 요즘 다양한 오디션 프로그램이 있던데 코리아 갓 탤런트 (Korea's got talent)
                페이지에는 참가자들의 동영상과 사진들이 올라오고 있네요. 그 중 귀여운 아이들의 동영상 들고 왔습니다!1.
                내 사진이나 동영상을 발견하면 @를 이용해서 태깅하면 내 프로필에 가져올 수 있는 것 잘 알고 계시죠?팁2.
                사진처럼 동영상도 바로 웹캠으로 찍어서 올릴 수 있답니다! 우리 가족들 영상을 Facebook에서 공유해보세요!
            </div>
        </div>
</div>

이 경우 smallCapsText div 의 들여쓰기 간격은 600*0.5 = 12px 이다.
이 값은 그대로 idt  div 로 적용된다. .idt div 의 너비가 300 이라도 부모 div 에 적용된 값을 그대로 상속 받는다.

하지만 .idt 의 text-indent:30%; 로 새로 정해주면 상속받는 값보다 우선적으로 적용되나 그 기준은
여전히 .smallCapsText div 의 너비 600px 다.