[CSS] 글자 / 텍스트 속성

2021. 3. 3. 17:02·Language/CSS
반응형

텍스트를 다루는데 있어 속성들은 여러가지이다.

 

1. font-family:

폰트 자체를 지정. 고딕체, 명조체 등등

 

2. font-weight: 

폰트의 두께를 지정한다. 1~1000의 숫자를 지정할 수도 있지만, 일반적으로 normal, bold, lighter, bolder 로 사용한다.

만약 두꺼운 글자나 얇은 글자를 지원하지 않는 폰트의 경우 적용되지 않을 수 있다.

 

3. line-height:

줄 높이(행간)을 지정할 때 사용한다. normal 또는 숫자로 지정할 수 있다.

단위 없는 숫자의 경우 폰트 크기를 기반으로 설정하고, 단위를 두면 px, %, rem 등 모두 사용할 수 있다. 보통 1.5~1.9 정도로 사용한다.

 

4. text-align:

텍스트의 맞춤을 지정한다. left, right, center, justify(양쪽 맞춤) 이 있다.

 

 

 

 

반응형
저작자표시 (새창열림)

'Language > CSS' 카테고리의 다른 글

[CSS] reset.css / css 리셋  (0) 2021.03.10
[CSS] 박스 원형으로 만들기  (0) 2021.03.08
[CSS] css의 단위 (px, %, rem, em, vw, vh)  (0) 2021.03.03
'Language/CSS' 카테고리의 다른 글
  • [CSS] reset.css / css 리셋
  • [CSS] 박스 원형으로 만들기
  • [CSS] css의 단위 (px, %, rem, em, vw, vh)
개발하는 사막여우
개발하는 사막여우
개발개발 주저리주저리
    반응형
  • 개발하는 사막여우
    개발하는 사막여우
    개발하는 사막여우
  • 전체
    오늘
    어제
    • All (311)
      • Books (13)
        • 읽기 좋은 코드가 좋은 코드다 (13)
      • Study (6)
        • Blockchain (3)
        • Algorithm (3)
      • Baekjoon (36)
      • Programmers (166)
      • LeetCode (15)
      • Open Source (1)
        • Youtube Popout Player (1)
      • Language (32)
        • Python (9)
        • JS (8)
        • Java (5)
        • HTML (6)
        • CSS (4)
      • Library & Framework (15)
        • React.js (15)
      • IDE (2)
        • IntelliJ (2)
      • Airdrop (9)
      • Tistory (2)
      • etc.. (7)
        • Cozubi (6)
        • lol-chess (0)
  • 블로그 메뉴

    • Github
  • 링크

    • Github
  • 공지사항

  • 인기 글

  • 태그

    Java
    Cozubi
    2018 KAKAO BLIND RECRUITMENT
    백준
    클린 코드
    카카오 코딩테스트
    programmers
    프로그래머스
    클린 코드 작성법
    카카오 알고리즘 문제
    코인줍줍
    프로그래머스 위클리 챌린지
    알고리즘문제풀이
    Python
    파이썬
    카카오 공채
    읽기 좋은 코드가 좋은 코드다
    코주비
    신규 코인 에어드랍
    코딩테스트연습
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.6
개발하는 사막여우
[CSS] 글자 / 텍스트 속성
상단으로

티스토리툴바