잔글 (→매개변수) |
잔글편집 요약 없음 |
||
8번째 줄: | 8번째 줄: | ||
<nowiki>{{스타일}}은 {{st}}</nowiki>로도 사용가능하다. | <nowiki>{{스타일}}은 {{st}}</nowiki>로도 사용가능하다. | ||
;문법 | ;문법 | ||
<pre>{{스타일 | 인자1 | w= | b= | c= | s= | a= | <pre>{{스타일 | 인자1 |w= |h= |b= |c= |s= |a= |v= |r= }}</pre> | ||
* 1번째 인자1, | * 1번째 인자1, 임의의 값이 있으면 padding=0; margin=-3px -5px;로 설정된다. | ||
* w= width로 표, 셀의 폭을 설정한다. 100%, 150px..등 사용할 수 있다. | * |w= width로 표, 셀의 폭을 설정한다. 100%, 150px..등 사용할 수 있다. | ||
* b= background-color로 배경색을 설정한다. red, gold..등 사용할 수 있다. | * |h= height로 표, 셀의 높이를 설정한다. | ||
* c= color로 글자색을 설정한다. white, blue..등 사용할 수 있다. | * |b= background-color로 배경색을 설정한다. red, gold..등 사용할 수 있다. | ||
* s= font-size로 글자 크기를 설정한다. 9pt, 90%..등 사용할 수 있다. | * |c= color로 글자색을 설정한다. white, blue..등 사용할 수 있다. | ||
* a= text-align로 글자 정렬을 설정한다. left, center, right (좌측, 가운데, 우측) 정렬을 한다. | * |s= font-size로 글자 크기를 설정한다. 기본 10pt, 9pt, 90%..등 사용할 수 있다. | ||
* | * |a= text-align로 글자 정렬을 설정한다. left, center, right (좌측, 가운데, 우측) 정렬을 한다. | ||
* | * |v= vertical-align로 세로 글자를 설정한다. top, middle, bottom (위, 중앙, 아래) 정렬을 사용한다. | ||
* |r= vertical-align로 세로 글자를 설정한다. top, middle, bottom (위, 중앙, 아래) 정렬을 사용한다. | |||
23번째 줄: | 24번째 줄: | ||
==사용예== | ==사용예== | ||
* <nowiki>{{ | * <nowiki>{{st}}</nowiki> | ||
:틀만 사용하면 가운데 정렬로 설정된다. | :틀만 사용하면 가운데 정렬로 설정된다. | ||
<pre>{| class="wikitable" | <pre>{| class="wikitable" | ||
|- | |- | ||
! 표 제목 !! 표 제목 | ! 표 제목 !! 표 제목 | ||
|-{{ | |-{{st}} | ||
| 예시 || 예시 | | 예시 || 예시 | ||
|}</pre> | |}</pre> | ||
34번째 줄: | 35번째 줄: | ||
|- | |- | ||
! 표 제목 !! 표 제목 | ! 표 제목 !! 표 제목 | ||
|-{{ | |-{{st}} | ||
| 예시 || 예시 | | 예시 || 예시 | ||
|} | |} | ||
40번째 줄: | 41번째 줄: | ||
==다른 사용예== | |||
<pre>①{{ | <pre>①{{st |w=300px|s=8pt}} | ||
→ 사용된 변수는 표 크기를 w=300px, 폰트 크기를 s=8pt로 설정한다. | → 사용된 변수는 표 크기를 w=300px, 폰트 크기를 s=8pt로 설정한다. | ||
②{{ | ②{{st |w=30%|b=#aff}} | ||
→ 열의 크기를 전체 표에서 30%로 하고, 배경색을 b=#aff로 지정한다. | → 열의 크기를 전체 표에서 30%로 하고, 배경색을 b=#aff로 지정한다. | ||
③{{ | ③{{st |w=70%}} | ||
→ 열의 크기를 전체 표에서 70%로 지정한다. | → 열의 크기를 전체 표에서 70%로 지정한다. | ||
④{{ | ④{{st |a=center|b=#aff}} | ||
→ 글자를 a=center 가운데 정렬하고, 배경색을 b=#aff로 지정한다. | → 글자를 a=center 가운데 정렬하고, 배경색을 b=#aff로 지정한다. | ||
⑤{{ | ⑤{{st |a=left|}} | ||
→ 글자를 a=left로 정렬한다. | → 글자를 a=left로 정렬한다. | ||
</pre> | </pre> | ||
59번째 줄: | 60번째 줄: | ||
<pre>{| class="wikitable" ①{{스타일|w=300px|s=8pt}} | <pre>{| class="wikitable" ①{{스타일|w=300px|s=8pt}} | ||
|- | |- | ||
! ②{{ | ! ②{{st |w=30%|b=#aff}} | 번호 | ||
! ③{{ | ! ③{{st |w=70%}} | 나라 | ||
|- | |- | ||
| ④{{ | | ④{{st |a=center|b=#aff}} | 1 | ||
| ⑤{{ | | ⑤{{st |a=left|}} | 가나, 가봉, 그리스 | ||
|- | |- | ||
| {{ | | {{st |a=center||b=#aff}} | 2 | ||
| {{스타일|a=left|}} | 싱가포르, 일본, 필리핀 | | {{스타일|a=left|}} | 싱가포르, 일본, 필리핀 | ||
|}</pre> | |}</pre> | ||
{| class="wikitable" {{스타일|w=300px|s=8pt}} | {| class="wikitable" {{스타일|w=300px|s=8pt}} | ||
|- | |- | ||
! {{ | ! {{st |w=30%|b=#aff}} | 번호 | ||
! {{ | ! {{st |w=70%}} | 나라 | ||
|- | |- | ||
| {{ | | {{st |a=center|b=#aff}} | 1 | ||
| {{ | | {{st |a=left|}} | 가나, 가봉, 그리스 | ||
|- | |- | ||
| {{ | | {{st |a=center||b=#aff}} | 2 | ||
| {{ | | {{st |a=left|}} | 싱가포르, 일본, 필리핀 | ||
|} | |||
==border 옵션== | |||
다음은 <code><nowiki> {{st|w=300px|b=#ddd |r=2px dotted red}}</nowiki></code> 를 표전체에 사용한 경우와, | |||
다른 하나는 셀에서 <code><nowiki>{{st|r=2px solid yellow}}</nowiki></code> 사용한 경우이다. | |||
{| class="" {{st|w=300px|b=#ddd |r=2px dotted red}} | |||
|- | |||
! 표 제목 !! {{st|b=#9ff}} | 표 제목 !! 표 제목 | |||
|- | |||
| 예시 || 예시 || 예시 | |||
|- | |||
| 예시 || 예시 || {{st|r=2px solid yellow}} | 예시 | |||
|- | |||
| 예시 || 예시 || 예시 | |||
|} | |} | ||
==복잡한 표에서 사용예== | |||
<pre>{| class="wikitable" {{st|w=100%|b=lightcyan|c=darkred}} | <pre>{| class="wikitable" {{st|w=100%|b=lightcyan|c=darkred}} | ||
|- | |- |
2021년 2월 8일 (월) 11:26 판
표 스타일 지정을 쉽게 하도록 만든 틀이다.
사용용도
특히 모바일에서 스타일 지정시 오타등으로 오류를 줄일 수 있도록 만든, 스타일을 지정하는 틀이다.
매개변수
{{스타일}}은 {{st}}로도 사용가능하다.
- 문법
{{스타일 | 인자1 |w= |h= |b= |c= |s= |a= |v= |r= }}
- 1번째 인자1, 임의의 값이 있으면 padding=0; margin=-3px -5px;로 설정된다.
- |w= width로 표, 셀의 폭을 설정한다. 100%, 150px..등 사용할 수 있다.
- |h= height로 표, 셀의 높이를 설정한다.
- |b= background-color로 배경색을 설정한다. red, gold..등 사용할 수 있다.
- |c= color로 글자색을 설정한다. white, blue..등 사용할 수 있다.
- |s= font-size로 글자 크기를 설정한다. 기본 10pt, 9pt, 90%..등 사용할 수 있다.
- |a= text-align로 글자 정렬을 설정한다. left, center, right (좌측, 가운데, 우측) 정렬을 한다.
- |v= vertical-align로 세로 글자를 설정한다. top, middle, bottom (위, 중앙, 아래) 정렬을 사용한다.
- |r= vertical-align로 세로 글자를 설정한다. top, middle, bottom (위, 중앙, 아래) 정렬을 사용한다.
- 추가적으로 기능 구현하려 하는데 구현되지 않는 스타일은 rowspan=, colspan= 이다.
사용예
- {{st}}
- 틀만 사용하면 가운데 정렬로 설정된다.
{| class="wikitable" |- ! 표 제목 !! 표 제목 |-{{st}} | 예시 || 예시 |}
표 제목 | 표 제목 |
---|---|
예시 | 예시 |
한 줄 시작위치 |-
에 설정시 해당 줄 전체가 속성이 적용된다.
다른 사용예
①{{st |w=300px|s=8pt}} → 사용된 변수는 표 크기를 w=300px, 폰트 크기를 s=8pt로 설정한다. ②{{st |w=30%|b=#aff}} → 열의 크기를 전체 표에서 30%로 하고, 배경색을 b=#aff로 지정한다. ③{{st |w=70%}} → 열의 크기를 전체 표에서 70%로 지정한다. ④{{st |a=center|b=#aff}} → 글자를 a=center 가운데 정렬하고, 배경색을 b=#aff로 지정한다. ⑤{{st |a=left|}} → 글자를 a=left로 정렬한다.
{| class="wikitable" ①{{스타일|w=300px|s=8pt}} |- ! ②{{st |w=30%|b=#aff}} | 번호 ! ③{{st |w=70%}} | 나라 |- | ④{{st |a=center|b=#aff}} | 1 | ⑤{{st |a=left|}} | 가나, 가봉, 그리스 |- | {{st |a=center||b=#aff}} | 2 | {{스타일|a=left|}} | 싱가포르, 일본, 필리핀 |}
번호 | 나라 |
---|---|
1 | 가나, 가봉, 그리스 |
2 | 싱가포르, 일본, 필리핀 |
border 옵션
다음은 {{st|w=300px|b=#ddd |r=2px dotted red}}
를 표전체에 사용한 경우와,
다른 하나는 셀에서 {{st|r=2px solid yellow}}
사용한 경우이다.
표 제목 | 표 제목 | 표 제목 |
---|---|---|
예시 | 예시 | 예시 |
예시 | 예시 | 예시 |
예시 | 예시 | 예시 |
복잡한 표에서 사용예
{| class="wikitable" {{st|w=100%|b=lightcyan|c=darkred}} |- ! 표 제목 !! 표 제목 !! 표 제목 |- | rowspan=3 {{st|w=30%|v=bottom}}| 예시1 ||{{st|w=40|b=gold}}| 예시2 ||{{st|c=blue|b=gold}}| 예시3 |- | {{st|a=right|c=red}}| 예시4 ||{{st|a=center|c=green}}| 예시5 |- | {{st|a=right|c=red}}| 예시6 ||{{st|a=center|c=green}}| 예시7 |}
표 제목 | 표 제목 | 표 제목 |
---|---|---|
예시1 | 예시2 | 예시3 |
예시4 | 예시5 | |
예시6 | 예시7 |