HTML <ul> type Attribute

Last Updated : 22 May, 2024

The HTML <ul> type attribute in the <ul> tag specifies the type of marker used in an unordered list. Values include disc (default filled circle), circle (hollow circle), square, and none. It controls the appearance of list items.

Note: The ul type attributes are not supported by HTML 5. Instead of using this attribute, we can use the CSS list-style-type Property.

Syntax:

<ul type="disc | circle | square">

Attribute Values:

disc: Default. A filled circle.
circle: An unfilled circle
square A filled square.

HTML <ul> type Attribute Examples

Example 1: In this example, we display an unordered list without the type attribute. The list contains items from GeeksforGeeks courses: Geeks, Sudo, Gfg, Gate, and Placement.

html

<!DOCTYPE html>
<html>

<head>
    <title>HTML ul type attribute</title>
</head>

<body>

    <h2>HTML ul type attribute</h2>

    <p>GeeksforGeeks courses List:</p>

    <ul>
        <li>Geeks</li>
        <li>Sudo</li>
        <li>Gfg</li>
        <li>Gate</li>
        <li>Placement</li>
    </ul>
</body>

</html>

Output:

Example 2: In this example we showcasing an unordered list with the type attribute set to "square". The list enumerates GeeksforGeeks courses: Geeks, Sudo, Gfg, Gate, and Placement.

html

<!DOCTYPE html>
<html>

<head>
    <title>HTML ul type attribute</title>
</head>

<body>
    
    <h2>HTML ul type attribute</h2>

    <p>GeeksforGeeks courses List:</p>


    <ul type="square">
        <li>Geeks</li>
        <li>Sudo</li>
        <li>Gfg</li>
        <li>Gate</li>
        <li>Placement</li>
    </ul>
</body>

</html>