잔글편집 요약 없음
잔글편집 요약 없음
 
1번째 줄: 1번째 줄:
표에서 글자을 정렬하는 CSS 속성 틀이다.
표에서 글자 정렬을 하는 속성 틀이다.


== 사용법 ==
== 문법설명 ==
표에서 글자 정렬을 자유롭게 해준다. 주의할 점은 CSS 속성을 사용하기 때문에 표에서 사용하는 위치를 잘 확인한다.
;문법:
<code><nowiki>{{정렬|인수1|인수2|a= |v= }}</nowiki></code>


;인수1: 좌, 우, 가운데 정렬한다. left, right, center 중 하나이다. 기본값은 left.


문법:<br>
;인수2: 상, 중, 하 정렬한다. top, middle, bottom 중 하나이다. 기본값 middle.
<code><nowiki>{{정렬|left, right, center|top, middle, bottom}}</nowiki></code>


1번째 인수값: left, right, center 중 하나이다. 기본값은 left.<br>
또 다른 방법으로 변수 a= 또는 변수 v= 으로 직접 지정할 수 있다.
2번째 인수값: top, middle, bottom 중 하나이다. 기본값 middle.


;변수 a =: 좌우정렬을 설정한다. left, right, center 중 하나이다. 기본값은 left.
;변수 v =: 상하정렬을 설정한다. top, middle, bottom 중 하나이다. 기본값 middle.
*인수와 변수는 사용방법이 조금 틀리다. {{글색|red|인수1 인수2의 순서는 바뀌면 안되지만 변수 <nowiki>a=, v=</nowiki> 는 순서에 상관이 없다.}}


<pre>
<pre>
사용예:
{{정렬}} - 기본값 left, middle
{{정렬}} - 기본값 left, middle
{{정렬|center}} - 가운데 정렬
{{정렬|center}} - 가운데 정렬
21번째 줄: 25번째 줄:
</pre>
</pre>


*참고로 다음은 테이블 속성값 적용에 관한 것이다.
[[파일:표속성 위치.png|200px]]
[[파일:표속성 위치.png|200px]]


1에서 사용시 전채 표에 적용된다.<br>
1에서 사용시 전체 표에 적용된다.<br>
2에서 사용하면 한 줄 전체에 적용된다.<br>
2에서 사용하면 한 줄 전체에 적용된다.<br>
3에서 사용시 그 셀만 적용된다.<br>
3에서 사용시 각각의 셀만 적용된다.<br>
틀 사용후 구분기호 (|) 를 넣는다.
틀 사용후 구분기호 (|) 를 넣는다.


{| class="wikitable" width=99%  
==사용예==
;1번째인수 2번째인수를 사용한 경우
<pre>{| class="wikitable" {{st|w=100%|s=9pt|b=#efd}}
|-{{st|b=green}}
! 제목 !! 제목 !! 제목 !!{{st|w=35%}}| 설명
|-
|{{정렬|left|top}}| 1.● ||{{정렬|center|top}} | 2.● ||{{정렬|right|top}} | 3.● || 1.left.top{{--}}2.center.top{{--}}3.right.top
|-
|{{정렬|left|middle}}|4.●||{{정렬|center|middle}} | 5.●||{{정렬|right|middle}} | 6.● || 4.left.middle{{--}}5.center.middle{{--}}6.right.middle
|-
|{{정렬|left|bottom}} | 7.●||{{정렬|center|bottom}} | 8.●||{{정렬|right|bottom}} | 9.● ||7.left.bottom{{--}}8.center.bottom{{--}}9.right.bottom
|}</pre>
{| class="wikitable" {{st|w=100%|s=9pt|b=#efd}}
|-{{st|b=green}}
! 제목 !! 제목 !! 제목 !!{{st|w=35%}}| 설명
|-
|{{정렬|left|top}}| 1.● ||{{정렬|center|top}} | 2.● ||{{정렬|right|top}} | 3.● || 1.left.top{{--}}2.center.top{{--}}3.right.top
|-
|{{정렬|left|middle}}|4.●||{{정렬|center|middle}} | 5.●||{{정렬|right|middle}} | 6.● || 4.left.middle{{--}}5.center.middle{{--}}6.right.middle
|-
|{{정렬|left|bottom}} | 7.●||{{정렬|center|bottom}} | 8.●||{{정렬|right|bottom}} | 9.● ||7.left.bottom{{--}}8.center.bottom{{--}}9.right.bottom
|}
 
; 변수 a= v= 을 사용한 경우
<pre>{| class="wikitable" {{st|w=100%|s=9pt|b=#fed}}
|-{{st|b=green}}
! 제목 !! 제목 !! 제목 !!{{st|w=35%}}| 설명
|-
|{{정렬|a=left|v=top}}| 1.● ||{{정렬|a=center|v=top}} | 2.● ||{{정렬|a=right|v=top}} | 3.● || 1.left.top{{--}}2.center.top{{--}}3.right.top
|-
|{{정렬|a=left|v=middle}}|4.●||{{정렬|a=center|v=middle}} | 5.●||{{정렬|a=right|v=middle}} | 6.● || 4.left.middle{{--}}5.center.middle{{--}}6.right.middle
|-
|-
! 제목 !! 제목 !! 제목 !! 제목
|{{정렬|a=left|v=bottom}} | 7.●||{{정렬|a=center|v=bottom}} | 8.●||{{정렬|a=right|v=bottom}} | 9.● ||7.left.bottom{{--}}8.center.bottom{{--}}9.right.bottom
|}</pre>
{| class="wikitable" {{st|w=100%|s=9pt|b=#fed}}
|-{{st|b=green}}
! 제목 !! 제목 !! 제목 !!{{st|w=35%}}| 설명
|-
|-
|{{정렬|left|top}}| ● ||{{정렬|center|top}} | ● ||{{정렬|right|top}} | ● ||<br><br><br>
|{{정렬|a=left|v=top}}| 1.● ||{{정렬|a=center|v=top}} | 2.● ||{{정렬|a=right|v=top}} | 3.● || 1.left.top{{--}}2.center.top{{--}}3.right.top
|-
|-
|{{정렬|left|middle}}|●||{{정렬|center|middle}} | ●||{{정렬|right|middle}} | ●||<br><br><br>
|{{정렬|a=left|v=middle}}|4.●||{{정렬|a=center|v=middle}} | 5.●||{{정렬|a=right|v=middle}} | 6.● || 4.left.middle{{--}}5.center.middle{{--}}6.right.middle
|-
|-
|{{정렬|left|bottom}} | ●||{{정렬|center|bottom}} | ●||{{정렬|right|bottom}} | ●||<br><br><br>
|{{정렬|a=left|v=bottom}} | 7.●||{{정렬|a=center|v=bottom}} | 8.●||{{정렬|a=right|v=bottom}} | 9.● ||7.left.bottom{{--}}8.center.bottom{{--}}9.right.bottom
|}
|}

2020년 9월 22일 (화) 22:36 기준 최신판

표에서 글자 정렬을 하는 속성 틀이다.

문법설명

문법

{{정렬|인수1|인수2|a= |v= }}

인수1
좌, 우, 가운데 정렬한다. left, right, center 중 하나이다. 기본값은 left.
인수2
상, 중, 하 정렬한다. top, middle, bottom 중 하나이다. 기본값 middle.

또 다른 방법으로 변수 a= 또는 변수 v= 으로 직접 지정할 수 있다.

변수 a =
좌우정렬을 설정한다. left, right, center 중 하나이다. 기본값은 left.
변수 v =
상하정렬을 설정한다. top, middle, bottom 중 하나이다. 기본값 middle.
  • 인수와 변수는 사용방법이 조금 틀리다. 인수1 인수2의 순서는 바뀌면 안되지만 변수 a=, v= 는 순서에 상관이 없다.
{{정렬}} - 기본값 left, middle
{{정렬|center}} - 가운데 정렬
{{정렬|center|top}} - 가운데, 위 정렬
{{정렬||top}} - 기본값 left, 위 정렬
{{정렬|top}} - 오류, 1번째 인수값 아님


  • 참고로 다음은 테이블 속성값 적용에 관한 것이다.

표속성 위치.png

1에서 사용시 전체 표에 적용된다.
2에서 사용하면 한 줄 전체에 적용된다.
3에서 사용시 각각의 셀만 적용된다.
틀 사용후 구분기호 (|) 를 넣는다.

사용예

1번째인수 2번째인수를 사용한 경우
{| class="wikitable" {{st|w=100%|s=9pt|b=#efd}}
|-{{st|b=green}}
! 제목 !! 제목 !! 제목 !!{{st|w=35%}}| 설명
|-
|{{정렬|left|top}}| 1.● ||{{정렬|center|top}} | 2.● ||{{정렬|right|top}} | 3.● || 1.left.top{{--}}2.center.top{{--}}3.right.top
|-
|{{정렬|left|middle}}|4.●||{{정렬|center|middle}} | 5.●||{{정렬|right|middle}} | 6.● || 4.left.middle{{--}}5.center.middle{{--}}6.right.middle
|-
|{{정렬|left|bottom}} | 7.●||{{정렬|center|bottom}} | 8.●||{{정렬|right|bottom}} | 9.● ||7.left.bottom{{--}}8.center.bottom{{--}}9.right.bottom
|}
제목 제목 제목 설명
1.● 2.● 3.● 1.left.top
2.center.top
3.right.top
4.● 5.● 6.● 4.left.middle
5.center.middle
6.right.middle
7.● 8.● 9.● 7.left.bottom
8.center.bottom
9.right.bottom
변수 a= v= 을 사용한 경우
{| class="wikitable" {{st|w=100%|s=9pt|b=#fed}}
|-{{st|b=green}}
! 제목 !! 제목 !! 제목 !!{{st|w=35%}}| 설명
|-
|{{정렬|a=left|v=top}}| 1.● ||{{정렬|a=center|v=top}} | 2.● ||{{정렬|a=right|v=top}} | 3.● || 1.left.top{{--}}2.center.top{{--}}3.right.top
|-
|{{정렬|a=left|v=middle}}|4.●||{{정렬|a=center|v=middle}} | 5.●||{{정렬|a=right|v=middle}} | 6.● || 4.left.middle{{--}}5.center.middle{{--}}6.right.middle
|-
|{{정렬|a=left|v=bottom}} | 7.●||{{정렬|a=center|v=bottom}} | 8.●||{{정렬|a=right|v=bottom}} | 9.● ||7.left.bottom{{--}}8.center.bottom{{--}}9.right.bottom
|}
제목 제목 제목 설명
1.● 2.● 3.● 1.left.top
2.center.top
3.right.top
4.● 5.● 6.● 4.left.middle
5.center.middle
6.right.middle
7.● 8.● 9.● 7.left.bottom
8.center.bottom
9.right.bottom