편집 요약 없음 |
편집 요약 없음 |
||
42번째 줄: | 42번째 줄: | ||
<span style ="display:block; width:100px; background:yellow">애국가</span> | <span style ="display:block; width:100px; background:yellow">애국가</span> | ||
</pre> | </pre> | ||
{{span |d=block |w=100px |b= | {{span |d=block |w=100px |b=silver |애국가}} |
2020년 9월 30일 (수) 15:53 판
일반 글자 스타일을 지정하는 틀이다.
사용용도
특히 모바일에서 스타일 지정시 오타등으로 오류를 줄일 수 있도록 만든, 스타일을 지정하는 틀이다.
사용방법
- 문법
- 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>
애국가