틀:컬러텍스트: 두 판 사이의 차이

← 이전 편집

시각위키텍스트

2024년 9월 21일 (토) 10:10 기준 최신판

설명

틀:컬러텍스트는 텍스트에 사용자 지정 배경색, 글자색, 모서리 둥글기를 적용하여 출력할 수 있는 틀입니다.

매개변수

내용 (필수): 출력할 텍스트를 입력합니다. 기본값은 "내용을 입력하세요"입니다.
컬러1 (선택): 배경색을 설정합니다. 유효한 색상 코드(`#`으로 시작하는 6자리 색상 코드)를 입력해야 합니다. 기본값은 `#ffffff`(흰색)입니다.
컬러2 (선택): 글자색을 설정합니다. 유효한 색상 코드나 색상 이름을 입력할 수 있습니다. 기본값은 `#000000`(검정색)입니다.
둥글기 (선택): 모서리 둥글기 값을 설정합니다. 예를 들어 `4px`, `8px`, `50%` 등 CSS 단위를 사용할 수 있습니다. 기본값은 `4px`입니다.

사용 예시

기본 사용 예시:

 {{컬러텍스트|내용=안녕하세요!|컬러1=#ffdd55|컬러2=#000000|둥글기=8px}}

 결과: 안녕하세요!

배경색과 글자색 설정:

 {{컬러텍스트|내용=모서리가 둥글어요!|컬러1=#003296|컬러2=#ffffff|둥글기=16px}}

 결과: 모서리가 둥글어요!

기본값 사용:

 {{컬러텍스트|내용=기본값입니다!}}

 결과: 기본값입니다!

주의사항

모든 매개변수는 유효한 CSS 값이어야 합니다.
색상 코드는 6자리 16진수 형식(예: `#ffdd55`)이나 색상 이름(예: `red`)을 사용할 수 있습니다.
`둥글기` 값은 `px`, `%` 등 CSS 단위를 사용해야 합니다.

@@ 1번째 줄: / 1번째 줄: @@
 <span style="background-color: {{{컬러1|#ffffff}}}; color: {{{컬러2|#000000}}}; padding: 2px 5px; border-radius: {{{둥글기|4px}}}; display: inline-block;">{{{내용|}}}</span>
+<noinclude>
+== 설명 ==
+'''틀:컬러텍스트'''는 텍스트에 사용자 지정 배경색, 글자색, 모서리 둥글기를 적용하여 출력할 수 있는 틀입니다.
+=== 매개변수 ===
+* '''내용''' (필수): 출력할 텍스트를 입력합니다. 기본값은 "내용을 입력하세요"입니다.
+* '''컬러1''' (선택): 배경색을 설정합니다. 유효한 색상 코드(`#`으로 시작하는 6자리 색상 코드)를 입력해야 합니다. 기본값은 `#ffffff`(흰색)입니다.
+* '''컬러2''' (선택): 글자색을 설정합니다. 유효한 색상 코드나 색상 이름을 입력할 수 있습니다. 기본값은 `#000000`(검정색)입니다.
+* '''둥글기''' (선택): 모서리 둥글기 값을 설정합니다. 예를 들어 `4px`, `8px`, `50%` 등 CSS 단위를 사용할 수 있습니다. 기본값은 `4px`입니다.
+=== 사용 예시 ===
+* 기본 사용 예시:
+  <nowiki>{{컬러텍스트|내용=안녕하세요!|컬러1=#ffdd55|컬러2=#000000|둥글기=8px}}</nowiki>
+  결과: {{컬러텍스트|내용=안녕하세요!|컬러1=#ffdd55|컬러2=#000000|둥글기=8px}}
+* 배경색과 글자색 설정:
+  <nowiki>{{컬러텍스트|내용=모서리가 둥글어요!|컬러1=#003296|컬러2=#ffffff|둥글기=16px}}</nowiki>
+  결과: {{컬러텍스트|내용=모서리가 둥글어요!|컬러1=#003296|컬러2=#ffffff|둥글기=16px}}
+* 기본값 사용:
+  <nowiki>{{컬러텍스트|내용=기본값입니다!}}</nowiki>
+  결과: {{컬러텍스트|내용=기본값입니다!}}
+== 주의사항 ==
+* 모든 매개변수는 유효한 CSS 값이어야 합니다.
+* 색상 코드는 6자리 16진수 형식(예: `#ffdd55`)이나 색상 이름(예: `red`)을 사용할 수 있습니다.
+* `둥글기` 값은 `px`, `%` 등 CSS 단위를 사용해야 합니다.
+</noinclude>