CSS에서 텍스트를 들여쓰는 방법은 무엇입니까?

CSS 텍스트 속성은 텍스트의 모양을 정의합니다.

텍스트 들여쓰기

웹 페이지에서 단락의 첫 번째 줄 들여쓰기는 가장 일반적으로 사용되는 방법입니다. 텍스트 서식 효과. (추천학습: CSS 시작하기 튜토리얼)

CSS는 텍스트 들여쓰기를 쉽게 구현할 수 있는 text-indent 속성을 제공합니다.

text-indent 속성을 사용하면 모든 요소의 첫 번째 줄을 주어진 길이만큼 들여쓸 수 있으며, 길이가 음수일 수도 있습니다.

이 속성의 가장 일반적인 용도는 단락의 첫 번째 줄을 들여쓰는 것입니다. 다음 규칙은 모든 단락의 첫 번째 줄을 5em씩 들여쓰는 것입니다.

p {text-indent: 5em;}

팁: 인라인 요소의 첫 번째 줄을 "들여쓰기"하려면 왼쪽 패딩이나 바깥쪽 여백을 사용하여 이 효과를 만들 수 있습니다.

음수 값 사용 ​​

p {text-indent: -5em;}

p {text-indent: -5em; padding-left: 5em;}

백분율 값 사용#🎜 🎜# text-indent는 백분율 값을 포함한 모든 길이 단위에서 작동합니다.

백분율은 들여쓰기된 요소의 상위 요소 너비를 기준으로 합니다. 즉, 들여쓰기 값을 20%로 설정하면 영향을 받는 요소의 첫 번째 줄은 상위 요소 너비의 20%만큼 들여쓰기됩니다.

div {width: 500px;}
p {text-indent: 20%;}
<div>
<p>this is a paragragh</p>
</div>

text-indent 속성은 상속될 수 있습니다. 다음 태그를 고려하십시오.

div#outer {width: 500px;}
div#inner {text-indent: 10%;}
p {width: 200px;}
<div id="outer">
<div id="inner">some text. some text. some text.
<p>this is a paragragh.</p>
</div>
</div>

위 내용은 CSS에서 텍스트를 들여쓰는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!