"틀:동적 테이블 요소"의 두 판 사이의 차이

 
(같은 사용자의 중간 판 6개는 보이지 않습니다)
2번째 줄: 2번째 줄:
실험 중
실험 중


[[틀:동적 테이블 셀]]에 사용합니다. 형태가 복잡한 경우 [[틀:아레시 연방 도시국의 도시/요소]]처럼 파생 틀을 만들어서 사용하는 것을 권장합니다.


<pre>
<pre>
{{동적 테이블 요소
{{동적 테이블 요소
|배경색 = [선택적] [기본값: 지정하지 않음]
| 내용 =  
|border 속성 = [선택적] [기본값: 1px solid #dddddd]
| 높이 =  
|flex = [선택적] [기본값: 1]
| 최대열개수 =  
|최소너비 = [선택적] [기본값: 지정하지 않음]
| 최소너비 =  
|높이 =
| style =  
|내용 =  
}}
}}
</pre>
</pre>
== 매개변수 ==
{| class="wikitable" style="width: 100%;"
|-
! 변수명 !! 설명 !! 예 !! 상태
|-
| 내용
| 요소의 내용입니다.
| <code><nowiki>[[문서명]]</nowiki></code>
|
|-
| 높이
| 요소의 높이입니다.
| <code>40px</code> <code>1.5em</code>
| 선택적
|-
| 최대열개수
| 최대 열 갯수입니다. 틀의 폭이 아무리 커져도 한 줄에 이 수까지만 배치됩니다.
| <code>2</code> <code>3</code> <code>5</code>
| 선택적
|-
| 최소너비
| 최소 너비입니다.
| <code>40px</code>
| 선택적
|-
| style
| 추가 스타일입니다.
| <code>background-color: black; outline-color: red;</code>
| 선택적
|}


<onlyinclude><div style="
<onlyinclude><div style="
{{ #if: {{{배경색|}}} | background-color: {{{배경색|}}}; }}
border: {{ #if: {{{border 속성|}}} | {{{border 속성|}}} | 1px solid #dddddd }} ;
display: flex;
display: flex;
flex: {{ #if: {{{flex|}}} | {{{flex|}}} | 1 }} ;
flex: 1 1 {{ #if: {{{최대열개수|}}} | calc(100% / {{{최대열개수|}}}) }} ;
{{ #if: {{{최소너비|}}} | min-width: {{{최소너비|}}}; }}
{{ #if: {{{최소너비|}}} | min-width: {{{최소너비|}}}; }}
height: {{{높이|}}};
{{ #if: {{{높이|}}} | height: {{{높이|}}}; }}
align-items: center;
align-items: center;
justify-content: center;
justify-content: center;
outline: 1px solid #e3e8ed;
outline-offset: -0.5px;
{{{style|}}}
">{{{내용|}}}</div></onlyinclude>
">{{{내용|}}}</div></onlyinclude>

2023년 7월 6일 (목) 23:53 기준 최신판

실험 중

틀:동적 테이블 셀에 사용합니다. 형태가 복잡한 경우 틀:아레시 연방 도시국의 도시/요소처럼 파생 틀을 만들어서 사용하는 것을 권장합니다.

{{동적 테이블 요소
| 내용 = 
| 높이 = 
| 최대열개수 = 
| 최소너비 = 
| style = 
}}

매개변수

변수명 설명 상태
내용 요소의 내용입니다. [[문서명]]
높이 요소의 높이입니다. 40px 1.5em 선택적
최대열개수 최대 열 갯수입니다. 틀의 폭이 아무리 커져도 한 줄에 이 수까지만 배치됩니다. 2 3 5 선택적
최소너비 최소 너비입니다. 40px 선택적
style 추가 스타일입니다. background-color: black; outline-color: red; 선택적