어떤 경우에는 정렬되지 않은 목록과 정렬된 목록의 글머리 기호를 제거해야 합니다. 목록 글머리 기호를 제거하는 것은 CSS를 사용하는 복잡한 작업이 아닙니다. CSS를 설정하면 쉽게 할 수 있습니다. 목록 스타일 또는 목록 스타일 유형 재산 없음 .
그만큼 목록 스타일 유형 CSS 속성은 디스크, 문자 또는 사용자 정의 카운터 스타일과 같은 마커를 설정하는 데 사용됩니다. 목록 아이템 요소. 이 CSS 속성은 글머리 기호 없이 목록을 만드는 데 도움이 됩니다. 표시값이 로 설정된 요소에만 적용 가능합니다. 목록 항목. 그만큼 목록 스타일 유형 속성은 상속되므로 상위 요소(예: 또는
) 모든 목록 항목에 적용되도록 합니다.
기본적으로 정렬된 목록 항목에는 아라비아 숫자(1, 2, 3 등)로 번호가 지정되고, 정렬되지 않은 목록의 항목에는 둥근 글머리 기호(•)가 표시됩니다. 그만큼 목록 스타일 유형 CSS 속성을 사용하면 마커의 기본 목록 유형을 사각형, 원, 로마 숫자, 라틴 문자 등과 같은 다른 유형으로 변경할 수 있습니다.
그 값을 다음과 같이 설정하면 없음 , 마커/글머리 기호가 제거됩니다. 목록에서 글머리 기호를 제거하는 대신 이미지로 바꿀 수 있습니다. 사이트를 시각적으로 더욱 매력적으로 만듭니다. 이는 다음을 사용하여 수행할 수 있습니다. 목록 스타일 이미지 재산.
예제를 통해 글머리 기호를 제거하는 방법을 이해해 보겠습니다.
예
이 예에서는 순서가 있는 목록과 순서가 없는 목록을 모두 사용하고 목록 스타일 유형 가치가 있는 속성 없음 목록 항목의 글머리 기호를 제거합니다.
ol { list-style-type: none; font-weight: bold; font-size: 20px; } ul { list-style-type: none; font-weight: bold; font-size: 20px; } <h2>Ordered list</h2> <ol> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ol> <h2>Unordered list</h2> <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul> 지금 테스트해보세요 산출
