All'alba vincerò

At dawn, I will win!

CSS

[CSS] text-indent: 들여쓰기 기능

나디아 Nadia 2024. 5. 10. 17:55

 

📌 text-indent

: 문단을 들여쓰기 하는 속성 (텍스트 블록의 왼쪽 여백 거리를 제어)

  • 양수 값: 첫 줄을 왼쪽 여백 바깥으로 밀어내어 문단을 빼어쓰기로 만듦 
    (ex. 리스트, 주석)
  • 음수 값: 첫 줄을 왼쪽 여백 안쪽으로 밀어 넣어 문단을 들여쓰기로 만듦
    (ex. 한 줄 제목, 서브 텍스트)

See the Pen text-indent by nadia kwon (@nadia-kwon) on CodePen.

 


참고

 

 

text-indent - CSS: Cascading Style Sheets | MDN

The text-indent CSS property sets the length of empty space (indentation) that is put before lines of text in a block.

developer.mozilla.org