(Text 10) 텍스트 들여 쓰기

SoloLearn CSS 번역


CSS Indenting the Text

텍스트 들여 쓰기



The text-indent Property

text-indent 속성


  • The text-indent property specifies how much horizontal space should be left before the beginning of the first line of the text.
    • text-indent 속성은 텍스트의 첫 번째 줄 시작 전에 가로 간격을 얼마나 두어야 하는지를 지정한다.
  • Property values are length (px, pt, cm, em, etc.), %, and inherit.
    • 속성 값은 length (px, pt, cm, em 등), %, inherit이다.


  • HTML:
<p>
   This is an example of <strong>text-indent</strong> property.
   Fisrt line of our text is indented to the right in 60px.
   Besides pixels you can also use other measurement units,
   like pt, cm, em, etc.
</p>


  • CSS:
p {
   text-indent: 60px;
}

코드 실행 확인


  • Result:

img


Negative values are allowed.

음수 값은 허용된다.

The first line will be indented to the left if the value is negative.

값이 음수라면, 첫 번째 줄은 왼쪽으로 들여 쓰기 된다.



QUIZ

  • The position of which block is specified by the text-indent property?
    • text-indent 속성에 의해 지정된 블록의 위치는 어디인가?

The first line of the text block

텍스트 블록의 첫 번째 줄