본문 바로가기 메인메뉴 바로가기
이 누리집은 대한민국 공식 전자정부 누리집입니다.

텍스트

사용자가 키보드로 글자, 숫자 기호 등이 조합된 텍스트를 입력하는 경우에 사용하는 요소이다.

컴포넌트명

텍스트 (Text)

텍스트(text) 스타일 예시

  1. 1.텍스트

    정보가 제공되는 콘텐츠의 본문 텍스트

유형

Default_text

기본텍스트 스타일입니다. (Pretendard, Regular, 17px, #1D1D1D)

코드 보기

유형

Highlight_text

Type스타일에 맞게 선택하여 사용한다.

  • Ver.1

    강조텍스트 스타일입니다. (Pretendard, Bold, 17px, #E60012)

  • Ver.2

    강조텍스트 스타일입니다. (Pretendard, Bold, 17px, #004098)

  • Ver.3

    강조텍스트 스타일입니다. (Pretendard, Regular, 17px, #E60012)

  • Ver.4

    강조텍스트 스타일입니다. (Pretendard, Bold, 17px, #1D1D1D)

코드 보기

유형

Link_text

Type스타일에 맞게 선택하여 사용한다.

코드 보기

유형

Info_text

Type스타일에 맞게 선택하여 사용한다.

  • Ver.1

    안내 및 주의텍스트 스타일입니다. (Pretendard, Regular, 17px, #1D1D1D)

  • Ver.2

    안내 및 주의텍스트 스타일입니다. (Pretendard, Regular, 17px, #1D1D1D)

코드 보기

유형

Bg_text

Type스타일에 맞게 선택하여 사용한다.

  • Ver.1

    배경텍스트 스타일입니다. (Pretendard, Bold, 15px, #FFFFFF)

  • Ver.2

    배경텍스트 스타일입니다. (Pretendard, Bold, 15px, #FFFFFF)

코드 보기

가이드

  • 텍스트 계층별 글꼴 크기와 색상, 굵기 유형을 스타일에 맞게 사용하기를 권장한다. 콘텐츠 내용의 성격을 고려하여 텍스트의 스타일을 통일하여 사용한다.