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

편집 요약 없음
편집 요약 없음
 
33번째 줄: 33번째 줄:


</noinclude>
</noinclude>
<span style="background-color: {{{컬러1|#ffffff}}}; color: {{{컬러2|#000000}}}; padding: 2px 5px; border-radius: {{{둥글기|4px}}}; display: inline-block;">{{{내용|내용을 입력하세요}}}</span>

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 단위를 사용해야 합니다.