일반 글자 스타일을 지정하는 틀이다.
사용용도
특히 모바일에서 스타일 지정시 오타등으로 오류를 줄일 수 있도록 만든, 스타일을 지정하는 틀이다.
사용방법
- 문법
- display
- diplay요소 변경, 기본 inline으로 설정되어 있음.
- width
- 가로크기 지정, display값이 block일때 적용된다.
- height
- 세로크기, display값이 block일때 적용된다.
- background-color
- 배경색 변경, 기본 yellow
- color
- 글자 색 변경, 기본은 black이다.
- font-sise
- 글자 크기 변경, 기본은 10pt, 100%이다.
- text-align
- block으로 설정되어있을 때 left right center 정렬을 한다.
- margin
- 외부 여백설정
- padding
- 내부 여백설정
- border
- 테두리 설정, 1px dashed skyblue; 형식으로 설정.
사용예
{{span|기본 메시지}}
기본 메시지
{{span|s=9pt |c=red |텍스트 메시지}}
다음과 같은 효과이다.
<span style ="color:red; font-size:9pt;">텍스트 메시지</span>
텍스트 메시지
{{span |d=block |w=100px |b=yellow |애국가}}
다음과 같은 효과이다.
<span style ="display:block; width:100px; background:yellow">애국가</span>
애국가
{{span |d=block|w=100%|c=red|a=right|범례}}
범례
