(새 문서: .) |
편집 요약 없음 |
||
1번째 줄: | 1번째 줄: | ||
. | 일반 글자 스타일을 지정하는 틀이다. | ||
==사용용도== | |||
특히 모바일에서 스타일 지정시 오타등으로 오류를 줄일 수 있도록 만든, 스타일을 지정하는 틀이다. | |||
==사용방법== | |||
;문법 | |||
*display | |||
: diplay요소 변경, 기본 inliune으로 설정되어 있음. | |||
*width | |||
: 가로크기 지정, display값이 block일때 적용된다. | |||
*eight | |||
: 세로크기, display값이 block일때 적용된다. | |||
*background-color | |||
: 배경색 변경, 기본 yellow | |||
*color | |||
: 글자 색 변경, 기본은 black이다. | |||
*font-sise | |||
: 글자 크기 변경, 기본은 10pt, 100%이다. | |||
*margin | |||
: 외부 여백설정 | |||
*padding | |||
: 내부 여백설정 | |||
*border | |||
: 테두리 설정, 1px dashed skyblue; 형식으로 설정. | |||
==사용예== | |||
<pre>{{span|기본 메시지}} | |||
</pre> | |||
{{span|기본 메시지}} | |||
<pre>{{span|s=9pt |c=red |텍스트 메시지}} | |||
다음과 같은 효과이다. | |||
<span style ="color:red; font-size:9pt;">텍스트 메시지</span> | |||
</pre> | |||
{{span|s=9pt |c=red |텍스트 메시지}} | |||
<pre>{{span |d=block |w=100px |b=yellow |애국가}} | |||
다음과 같은 효과이다. | |||
<span style ="display:block; width:100px; background:yellow">애국가</span> | |||
</pre> | |||
{{span |d=block |w=100px |b=yellow |애국가}} |
2020년 9월 30일 (수) 15:46 판
일반 글자 스타일을 지정하는 틀이다.
사용용도
특히 모바일에서 스타일 지정시 오타등으로 오류를 줄일 수 있도록 만든, 스타일을 지정하는 틀이다.
사용방법
- 문법
- display
- diplay요소 변경, 기본 inliune으로 설정되어 있음.
- width
- 가로크기 지정, display값이 block일때 적용된다.
- eight
- 세로크기, display값이 block일때 적용된다.
- background-color
- 배경색 변경, 기본 yellow
- color
- 글자 색 변경, 기본은 black이다.
- font-sise
- 글자 크기 변경, 기본은 10pt, 100%이다.
- 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>
애국가