본문 영역
글자
다양한 글자속성들을 class로 삽입하여 변경 할 수 있습니다.
font-family
결과
- m9-font-family-1 가나다라
- m9-font-family-2 가나다라
- m9-font-family-3 가나다라
- m9-font-family-4 가나다라
- m9-font-family-5 가나다라
코드
font-size
에디터상에서 적용되는 폰트 사이즈입니다.
결과
- m9-f-xxsmall
- m9-f-xsmall
- m9-f-size
- m9-f-large
- m9-f-xlarge
- m9-f-xxlarge
- m9-f-xxxlarge
- m9-f-big
- m9-f-huge
코드
font-weight
글꼴의 두께로 100 - 900 사이의 숫자를 통해 설정합니다.
결과
- font-weight 100이 적용된 글
- font-weight 200이 적용된 글
- font-weight 300이 적용된 글
- font-weight 400이 적용된 글
- font-weight 500이 적용된 글
- font-weight 600이 적용된 글
- font-weight 700이 적용된 글
- font-weight 800이 적용된 글
- font-weight 900이 적용된 글
코드
font-style
결과
- font-style italic이 적용된 텍스트
코드
text-decoration
결과
- 텍스트 하단라인
- 텍스트 상단라인
- 텍스트 중간라인
코드
line-hegiht
줄높이를 정하는 속성입니다. 100단위로 설정합니다. 예를들어 글자크기가 30px일때 line-height의 값을 1.5로 하면 줄 높이는 30의 1.5배인 45px되며,
line-height-150 클래스로 사용할 수 있습니다.결과
- 글자크기의 1배 줄높이
- 글자크기의 1.1배 줄높이
- 글자크기의 1.2배 줄높이
- 글자크기의 1.3배 줄높이
- 글자크기의 1.4배 줄높이
- 글자크기의 1.5배 줄높이
- 글자크기의 1.6배 줄높이
- 글자크기의 1.7배 줄높이
- 글자크기의 1.8배 줄높이
- 글자크기의 1.9배 줄높이
- 글자크기의 2.0배 줄높이
코드
text-align
결과
- 텍스트 좌측정렬
- 텍스트 중앙정렬
- 텍스트 우측정렬
- 텍스트 양끝정렬
