(새 문서: {{namucat|김찬/제작한 틀}} {{틀 도움}} <onlyinclude><div style="width: 100%; margin: 12px 0px;"><div style="display: inline-block;"> {|class="wikitable {{{class|}}}" style="m...) |
편집 요약 없음 |
||
(같은 사용자의 중간 판 55개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
{{namucat|김찬/제작한 틀}} | {{namucat|김찬/제작한 틀}} | ||
{{틀 도움}} | {{틀 도움}} | ||
<onlyinclude><div style="width: 100%; margin: | {{다른 뜻2|설명1=미디어위키 표 문법이 아닌 HTML의 table 태그를 사용한 틀|제목1=틀:모바일 테이블/tag}} | ||
{|class=" | '''{{++5|{{++5|{{틀|namucat}}에서는 필요없는 틀입니다.}}}}'''<br>그야 이 틀을 주력으로 쓰는 게 {{틀|namucat}}을 모든 문서에 적용한 제작자인 저 혼자더라고요... | ||
<onlyinclude><includeonly><div style="width: 100%; margin: 6px 0; {{#switch:{{{align|}}}|center = text-align: center;|right-block = text-align: right;|}}"><div style="display: inline-block; {{#switch:{{{align|}}}|left = float: left;|right = float: right;|}}"> | |||
{|class="{{{class|wikitable}}}" style="{{#switch:{{{align|}}}|left = margin : 12px 0px;|right = margin: 12px 0px;|margin: 0px;}} text-align: {{#switch:{{{text|}}}|center = center|right = right|left = left|left}}; {{#if:{{{bg|}}}|{{#switch:{{{bg|}}}|namu = background: #f5f5f5!important;|header = background: #f5f8fa!important;|background: {{{bg|}}}!important;}}|}} {{#if:{{{border|}}}|border: 2px solid {{{border|}}};|}} {{#if:{{{width|}}}|width: {{{width|}}};|}} {{#if:{{{max-width|}}}|max-width: {{{max-width|}}};|}} {{{style|}}}" {{{tag|}}}</includeonly></onlyinclude> | |||
{{목차제거}} | {{목차제거}} | ||
== 설명 == | == 설명 == | ||
이 틀은 반드시 [[틀:모바일 테이블 끝]]과 함께 사용되어야 합니다.<br> | 이 틀은 반드시 [[틀:모바일 테이블 끝]]과 함께 사용되어야 합니다.<br> | ||
이 틀은 <code><nowiki>{{MT}}</nowiki></code>, <code><nowiki>{{MT끝}}</nowiki></code> | 이 틀은 <code><nowiki>{{MT}}</nowiki></code>, <code><nowiki>{{MT끝}}</nowiki></code>으로도 사용할 수 있습니다. | ||
너비가 지정되지 않은 테이블은 PC에서는 콘텐츠의 너비만큼 테이블의 너비가 함께 따라가지만, 모바일에서는 무조건 100%로 고정됩니다. 이 틀은 '''모바일에서 너비가 지정되지 않은 테이블의 너비가 100%로 고정되지 않도록''' 해줍니다. | 너비가 지정되지 않은 테이블은 PC에서는 콘텐츠의 너비만큼 테이블의 너비가 함께 따라가지만, 모바일에서는 무조건 100%로 고정됩니다. 이 틀은 '''모바일에서 너비가 지정되지 않은 테이블의 너비가 100%로 고정되지 않도록''' 해줍니다. | ||
38번째 줄: | 40번째 줄: | ||
|colspan="2"|됩니다 | |colspan="2"|됩니다 | ||
|}</div></div> | |}</div></div> | ||
|} | |||
== 변수 == | |||
{|class="wikitable" style="width: 100%;" | |||
|- | |||
!변수||기본값||설명 | |||
|- | |||
!class | |||
|{{center|wikitable}} | |||
|테이블의 class를 지정합니다. 기본값인 wikitable을 지우고 싶다면 아무 문자나 입력하면 됩니다. | |||
|- | |||
!align | |||
|{{center|-}} | |||
|테이블의 정렬을 지정합니다. center, left, right, right-block을 입력할 수 있으며 기본적으로 왼쪽 블록 정렬(테이블 좌우로 콘텐츠가 올라오지 않음)이므로 left-block은 없습니다.{{folding|id=align-details|title=[ 정렬 상세 ]| | |||
* left-block(기본): 테이블이 왼쪽으로 정렬되며, 테이블 옆으로 콘텐츠가 올라오지 않습니다. | |||
* left: 테이블이 왼쪽으로 정렬되며, 테이블 옆으로 콘텐츠가 올라옵니다. | |||
* center: 테이블이 가운데로 정렬되며, 테이블 양옆으로 콘텐츠가 올라오지 않습니다. | |||
* right: 테이블이 오른쪽으로 정렬되며, 테이블 옆으로 콘텐츠가 올라옵니다. | |||
* right-block: 테이블이 오른쪽으로 정렬되며, 테이블 옆으로 콘텐츠가 올라오지 않습니다. | |||
}} | |||
|- | |||
!width | |||
|{{center|-}} | |||
|테이블의 너비를 지정합니다. px 또는 % 등 단위를 함께 입력해야 합니다. | |||
|- | |||
!max | |||
|{{center|-}} | |||
|이 변수를 {{u|on}}으로 하면 테이블의 너비가 max-width가 됩니다. width 변수를 함께 입력해야 합니다. | |||
|- | |||
!border | |||
|{{center|-}} | |||
|테이블의 테두리를 지정합니다. 반드시 2px 두께의 solid 모양으로 생깁니다. | |||
|- | |||
!bg | |||
|{{center|-}} | |||
|테이블의 배경 색을 지정합니다. | |||
|- | |||
!style | |||
|{{center|-}} | |||
|테이블의 style을 지정합니다. | |||
|- | |||
!tag | |||
|{{center|-}} | |||
|class와 style 외에 테이블에 추가로 태그를 입력할 수 있습니다. | |||
|} | |} | ||
== 둘러보기 == | == 둘러보기 == | ||
{{김찬 제작 틀}} | {{김찬 제작 틀}} |
2024년 6월 10일 (월) 22:38 기준 최신판
틀:모바일 테이블 | |
---|---|
사용문서
|
|
넘겨주기
|
이동하기
|
{{namucat}}에서는 필요없는 틀입니다.
그야 이 틀을 주력으로 쓰는 게 {{namucat}}을 모든 문서에 적용한 제작자인 저 혼자더라고요...
설명
이 틀은 반드시 틀:모바일 테이블 끝과 함께 사용되어야 합니다.
이 틀은 {{MT}}
, {{MT끝}}
으로도 사용할 수 있습니다.
너비가 지정되지 않은 테이블은 PC에서는 콘텐츠의 너비만큼 테이블의 너비가 함께 따라가지만, 모바일에서는 무조건 100%로 고정됩니다. 이 틀은 모바일에서 너비가 지정되지 않은 테이블의 너비가 100%로 고정되지 않도록 해줍니다.
사용법
{{모바일 테이블}}은 몇 개의 div 태그와 테이블 문법 중 {|…가 포함되어 있습니다. 즉 이 틀을 사용한 뒤 가장 먼저 테이블에 넣을 셀 문법부터 입력하면 됩니다.
또한 {{모바일 테이블 끝}}에는 앞서 서술한 div 태그와 테이블을 닫는 문법이 모두 포함되어 있습니다. 즉 이 틀로 만든 테이블에는 |}를 입력하면 안 되고, 대신 끝 틀을 입력해야 합니다.
예를 들어 다음과 같은 테이블을 만들고자 한다면, 이렇게 입력합니다.
입력 | 출력 | ||||||
---|---|---|---|---|---|---|---|
{{MT}} |- |어렵지||않습니다 |- |이렇게||사용하면 |- |colspan="2"|됩니다 {{MT끝}} |
|
변수
변수 | 기본값 | 설명 |
---|---|---|
class | 테이블의 class를 지정합니다. 기본값인 wikitable을 지우고 싶다면 아무 문자나 입력하면 됩니다. | |
align | 테이블의 정렬을 지정합니다. center, left, right, right-block을 입력할 수 있으며 기본적으로 왼쪽 블록 정렬(테이블 좌우로 콘텐츠가 올라오지 않음)이므로 left-block은 없습니다. [ 정렬 상세 ]
| |
width | 테이블의 너비를 지정합니다. px 또는 % 등 단위를 함께 입력해야 합니다. | |
max | 이 변수를 on으로 하면 테이블의 너비가 max-width가 됩니다. width 변수를 함께 입력해야 합니다. | |
border | 테이블의 테두리를 지정합니다. 반드시 2px 두께의 solid 모양으로 생깁니다. | |
bg | 테이블의 배경 색을 지정합니다. | |
style | 테이블의 style을 지정합니다. | |
tag | class와 style 외에 테이블에 추가로 태그를 입력할 수 있습니다. |