CSS 글꼴, 글 관련 디자인

글꼴, 글 관련 디자인속성:
자식의 글꼴과 글 관련 디자인 속성들은 기본적으로 부모와 동일하게 적용(상속).

• 글자색

글자색 설정 속성

글자색 값

 

글자색

 

---

• 불투명도

불투명도 설정 속성

불투명도

 

---

• 글꼴: Google Fonts에서 무료 글꼴 다운받은 다음, 원하는 요소에 적용. 

출처: https://fonts.google.com/

 

글꼴 설정 속성

글꼴

 

---

• 글자크기

글자크기 설정 속성

글자크기 값

글자크기

---

• 글자굵기

글자굵기 설정 구조

글자굵기 값

글자굵기

---

• 글자모양

글자모양 설정 속성

글자모양 값

글자모양

---

• 글자에 선 긋기

글자에 선긋기 설정 속성

글자에 선 긋기 값

글자에 선 긋기

---

• 자간조정: 글자 사이 간격, 단어 사이 간격

글자 사이 간격 설정 속성

 

단어 사이 간격 설정 속성

자간정렬

 

---

• 문단정렬: block, inline-block, table요소들에 한해 가능

문단정렬 설정 속성

 

문단정렬 값

문단정렬

---

• 행간정렬: 줄간격을 설정.

행간정렬 설정 속성

행간정렬 값

행간정렬

---