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

텍스트 목록

텍스트 목록은 계층 구조가 있는 텍스트 블록을 읽기 쉽게 구성한 것이다.

컴포넌트명

텍스트 목록 (Text list)

텍스트 목록(text list) 스타일 예시

  1. 1.목록 구분자

    순차적으로 배열된 목록의 각 항목의 시작을 정의하는 문자 또는 이미지

  2. 2.글머리 기호 및 번호

    순서 없는 목록에 사용됨. 원, 네모, 줄표가 흔하게 사용되며 이 외에도 다양한 도형과 이미지를 사용할 수 있음, 순서 있는 목록에 사용됨. 숫자, 한글 자음, 영문 알파벳과 같이 순서의 진행을 보여줄 수 있는 글자가 사용됨

  3. 3.텍스트

    항목별 본문 내용

유형

Bullet

Level목록의 레벨에 따라 사용한다.

Level.1

 

Level.2

 

Level.3

 

코드 보기

유형

Bullet_list

Level목록의 레벨에 따라 사용한다.

Level.1

  • 블릿리스트_1 스타일입니다. (Pretendard, Regular, 17px, #1D1D1D)

Level.2

    • 블릿리스트_2 스타일입니다. (Pretendard, Regular, 17px, #333333)

Level.3

      • 블릿리스트_3 스타일입니다. (Pretendard, Regular, 16px, #555555)
코드 보기

유형

Number_list

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

Ver.1

  1. 01숫자리스트_1 스타일입니다. (Pretendard, Regular, 17px, #1D1D1D)
  2. 02숫자리스트_1 스타일입니다. (Pretendard, Regular, 17px, #1D1D1D)
  3. 03숫자리스트_1 스타일입니다. (Pretendard, Regular, 17px, #1D1D1D)

Ver.2

  1. 1-1숫자리스트_2 스타일입니다. (Pretendard, Regular, 17px, #1D1D1D)
  2. 1-2숫자리스트_2 스타일입니다. (Pretendard, Regular, 17px, #1D1D1D)
  3. 1-3숫자리스트_2 스타일입니다. (Pretendard, Regular, 17px, #1D1D1D)
코드 보기

가이드

  • 콘텐츠에 적합한 유형의 목록을 사용한다. 모든 항목이 동등한 수준의 중요도를 갖는 경우에는 순서 없는 목록을 사용한다. 항목에 순서를 지정할 수 있거나 순위를 매기는 것이 가능하다면 순서 있는 목록을 사용한다. 모든 항목의 중요도가 동등함에도 순서 있는 목록을 사용하게 되면 사용자가 콘텐츠의 내용을 잘못 이해하거나, 특정 번호의 콘텐츠만 확인하거나, 순서를 건너뛰어 읽게 될 수 있다.
  • 문장 형식에 적합한 종결 부호를 사용한다. 서술식 목록의 가장 마지막 문장에는 반드시 종결 부호를 사용한다. 개조식 목록의 가장 마지막 문장에는 종결 부호를 생략할 수 있다.
  • 들여쓰기를 활용하여 계층 구조를 명확하게 구분한다. 글자 크기를 조정하는 것만으로는 서로 다른 수준의 항목을 구분하는 것이 어려울 수 있다. 글자 크기, 계층 구조의 수준을 고려하여 각 수준별로 적절한 들여쓰기 여백을 설정하여 계층 구조가 명확하게 구분될 수 있도록 한다.