YouTip LogoYouTip

Home > HTML > Att Ol Start

Att Ol Start

📅 2026-06-14 | 📂 HTML
## HTML <ol> `start` Attribute The `start` attribute of the `
    ` (ordered list) tag specifies the starting value of the first list item in an ordered list. Subsequent list items will automatically increment from this initial value. --- ## Quick Example Here is an ordered list that starts numbering from "50" instead of the default "1": ```html
    1. Coffee
    2. Tea
    3. Milk
    ``` This code will render as: 50. Coffee 51. Tea 52. Milk --- ## Browser Support | Browser | Supported | | :--- | :--- | | **Google Chrome** | Yes | | **Mozilla Firefox** | Yes | | **Microsoft Edge / IE** | Yes | | **Safari** | Yes | | **Opera** | Yes | The `start` attribute is fully supported by all modern web browsers. --- ## Definition and Usage By default, an ordered list (`
      `) begins numbering its items at **1** (or "a", "I", etc., depending on the `type` attribute). The `start` attribute allows you to override this default behavior and begin the list at any integer value. ### HTML 4.01 vs. HTML5 Specification * **HTML 4.01:** The `start` attribute was deprecated because presentational styling was preferred to be handled via CSS. * **HTML 5:** The `start` attribute was **reintroduced and is fully supported**. It is no longer deprecated because it represents semantic value and document structure rather than purely visual styling. --- ## Syntax ```html
        ``` ### Attribute Values | Value | Description | | :--- | :--- | | `number` | An integer specifying the starting value of the first list item in the ordered list. | --- ## Advanced Examples and Use Cases ### 1. Using `start` with Different List Types The `start` attribute always accepts an integer, even if your list is styled to use letters or Roman numerals via the `type` attribute. The browser automatically converts the integer to the corresponding character. ```html
        1. Fifth Item
        2. Sixth Item
        1. Fifth Item
        2. Sixth Item
        ``` ### 2. Negative Starting Values You can also use negative numbers or zero with the `start` attribute. ```html
        1. Minus One
        2. Zero
        3. One
        ``` ### 3. Combining with the `reversed` Attribute When combined with the HTML5 `reversed` attribute, the list will count downwards starting from the value specified in the `start` attribute. ```html
        1. Ten
        2. Nine
        3. Eight
        ```
← Att Ol TypeAtt Ol Reversed →

📂 Categories