YYYEJI

[HTML] Unordered List의 Special Marker 본문

HTML(or XML) & CSS & JavaScript

[HTML] Unordered List의 Special Marker

YEJI ⍢ 2022. 11. 12. 15:17
728x90

Unordered list란 순서가 없는 리스트를 의미합니다.

 

아래와 같이 사용할 수 있는데 <li>에서 사용되는 mark를 지정해줄 수 있습니다.

<ul style = "list-style-type: disc;">
    <li>Freshman</li>
    <li>Sophomore</li>
    <li>Junior</li>
    <li>Senior</li>
</ul>

style = "list-style-type: disc; 로 default 값입니다.

 

 

<ul style = "list-style-type: circle;">
    <li>Freshman</li>
    <li>Sophomore</li>
    <li>Junior</li>
    <li>Senior</li>
</ul>

 

 

<ul style = "list-style-type: square;">
    <li>Freshman</li>
    <li>Sophomore</li>
    <li>Junior</li>
    <li>Senior</li>
</ul>

 

 

<ul style = "list-style-type: none;">
    <li>Freshman</li>
    <li>Sophomore</li>
    <li>Junior</li>
    <li>Senior</li>
</ul>

 

 

 

◡̈