텍스트 관련 CSS
페이지 정보
작성자
유컴어스
작성일
25-12-08 02:01
본문
1. 글꼴 및 크기
font-family: 글꼴 종류 지정 (예: Arial, sans-serif).
font-size: 글자 크기 조절 (예: 16px, 1.2em).
font-weight: 글자 굵기 (예: bold, normal).
font-style: 기울임 설정 (예: italic, normal)
2. 색상
color: 텍스트 색상 지정 (예: red, #333, rgb(0, 0, 0)).
3. 정렬
text-align: 텍스트 가로 정렬 (예: left, center, right, justify).
vertical-align: 인라인 요소의 수직 정렬 (예: top, middle, bottom).
4. 장식 및 변환
text-decoration: 텍스트에 선 추가 (예: underline(밑줄), overline(윗줄), line-through(취소선), none).
text-transform: 텍스트 변환 (예: uppercase(대문자), lowercase(소문자), capitalize(첫 글자 대문자)).
5. 간격
line-height: 줄 간격 설정 (예: 1.5, 20px).
letter-spacing: 글자 간 간격 (예: 2px).
word-spacing: 단어 간 간격 (예: 5px).
6. 기타
text-shadow: 텍스트에 그림자 효과 추가.
direction: 텍스트 쓰기 방향 (예: ltr, rtl).
white-space: 공백 및 줄바꿈 처리 방식 (예: nowrap, pre, normal).