편집 요약 없음 |
편집 요약 없음 |
||
| 7번째 줄: | 7번째 줄: | ||
;문법 | ;문법 | ||
*display | *display | ||
: diplay요소 변경, 기본 | : diplay요소 변경, 기본 inline으로 설정되어 있음. | ||
*width | *width | ||
: 가로크기 지정, display값이 block일때 적용된다. | : 가로크기 지정, display값이 block일때 적용된다. | ||
* | *height | ||
: 세로크기, display값이 block일때 적용된다. | : 세로크기, display값이 block일때 적용된다. | ||
*background-color | *background-color | ||
| 18번째 줄: | 18번째 줄: | ||
*font-sise | *font-sise | ||
: 글자 크기 변경, 기본은 10pt, 100%이다. | : 글자 크기 변경, 기본은 10pt, 100%이다. | ||
*text-align | |||
: block으로 설정되어있을 때 left right center 정렬을 한다. | |||
*margin | *margin | ||
: 외부 여백설정 | : 외부 여백설정 | ||
| 43번째 줄: | 45번째 줄: | ||
</pre> | </pre> | ||
{{span |d=block |w=100px |b=silver |애국가}} | {{span |d=block |w=100px |b=silver |애국가}} | ||
<pre>{{span |d=block|w=100%|c=red|a=right|범례}}</pre> | |||
{{span |d=block|w=100%|c=red|a=right|범례}} | |||
2020년 10월 1일 (목) 21:11 판
일반 글자 스타일을 지정하는 틀이다.
사용용도
특히 모바일에서 스타일 지정시 오타등으로 오류를 줄일 수 있도록 만든, 스타일을 지정하는 틀이다.
사용방법
- 문법
- 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|범례}}
범례
