편집 요약 없음 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
<span style="background-color: {{{컬러1|#ffffff}}}; color: {{{컬러2|#000000}}}; padding: 2px 5px; border-radius: {{{둥글기|4px}}}; display: inline-block;">{{{내용|}}}</span> | <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> | |||
<span style="background-color: {{{컬러1|#ffffff}}}; color: {{{컬러2|#000000}}}; padding: 2px 5px; border-radius: {{{둥글기|4px}}}; display: inline-block;">{{{내용|내용을 입력하세요}}}</span> | |||
2024년 9월 21일 (토) 10:04 판
설명
틀:컬러텍스트는 텍스트에 사용자 지정 배경색, 글자색, 모서리 둥글기를 적용하여 출력할 수 있는 틀입니다.
매개변수
- 내용 (필수): 출력할 텍스트를 입력합니다. 기본값은 "내용을 입력하세요"입니다.
- 컬러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 단위를 사용해야 합니다.
내용을 입력하세요