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

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

실험 중

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

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

매개변수

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

@@ 2번째 줄: / 2번째 줄: @@
 실험 중
+[[틀:동적 테이블 셀]]에 사용합니다. 형태가 복잡한 경우 [[틀:아레시 연방 도시국의 도시/요소]]처럼 파생 틀을 만들어서 사용하는 것을 권장합니다.
 <pre>
 {{동적 테이블 요소
-|배경색 = [선택적] [기본값: 지정하지 않음]
+| 내용 =
-|border 속성 = [선택적] [기본값: 1px solid #dddddd]
+| 높이 =
-|flex = [선택적] [기본값: 1]
+| 최대열개수 =
-|최소너비 = [선택적] [기본값: 지정하지 않음]
+| 최소너비 =
-|높이 =
+| style =
-|내용 =
 }}
 </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="
-	{{ #if: {{{배경색|}}} | background-color: {{{배경색|}}}; }}
-	border: {{ #if: {{{border 속성|}}} | {{{border 속성|}}} | 1px solid #dddddd }} ;
 	display: flex;
-	flex: {{ #if: {{{flex|}}} | {{{flex|}}} | 1 }} ;
+	flex: 1 1 {{ #if: {{{최대열개수|}}} | calc(100% / {{{최대열개수|}}}) }} ;
 	{{ #if: {{{최소너비|}}} | min-width: {{{최소너비|}}}; }}
-	height: {{{높이|}}};
+	{{ #if: {{{높이|}}} | height: {{{높이|}}}; }}
 	align-items: center;
 	justify-content: center;
+	outline: 1px solid #e3e8ed;
+	outline-offset: -0.5px;
+	{{{style|}}}
 ">{{{내용|}}}</div></onlyinclude>