본문 바로가기 메뉴 바로가기

le récit de ellie

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

le récit de ellie

검색하기 폼
  • 분류 전체보기 (178)
    • Life (7)
    • Backend (32)
      • Java (23)
      • Spring (1)
      • SQL (1)
      • Infra (2)
    • Frontend (21)
    • Python (29)
    • Android (4)
      • Kotlin (4)
    • Data (11)
      • R (10)
      • 데이터엔지니어링 (0)
    • CS (8)
    • Algorithm (25)
    • 프로젝트 (21)
    • C (0)
      • C Compiler (0)
    • Tool (1)
  • 방명록

line-height (1)
[CSS] 폰트 (font) - line-height, 행간 조정

장문의 글에서는 가독성을 위해서 글 사이의 간격을 띄우기도 한다. 이때 행간을 조정한다고 하는데, line-height 속성을 이용해 이 행간을 조정할 수 있다. 그러나 정확하게 line-height는 줄의 높이를 의미하는 것이고, 이를 이용해서 행간을 조정할 수 있는 것이다. line-height의 속성 행간을 제어할 때 사용하는 속성이라 해서 줄 간격으로 생각해 오해하기 쉬울 수가 있다. 줄 바꿈이 되었을 때, 윗줄의 텍스트 하단과 아랫줄의 텍스트 상단까지의 간격이라고 생각할 수도 있지만, line-height로 제어되는 부분을 line-box라고도 하며 이는 타이포그래피 구조에서 배웠던 [em 박스] + [상하단의 여백]까지를 의미한다. line-height: normal | number | len..

Frontend 2020. 10. 22. 17:43
이전 1 다음
이전 다음
공지사항
최근에 올라온 글

Blog is powered by Tistory / Designed by Tistory

티스토리툴바