Having recently hand-coded a monster HTML Terms & Conditions page for one of my big clients, i’ve picked up a lot more knowledge when it comes to managing bullet points without the assistance of CSS. Firstly, it is best to look at the different types of Bullet points and how they can be manipulated in HTML without the help of CSS.
Usually when it comes to changing the style of the bullet points, I change the classes in CSS, however I recently discovered that this can actually be done quite simply in the HTML itself by taking advantage of the ‘type’ property in the bullet point tags.
The ‘type’ property can be used on the following tags:
- <ul> – <ul type=”"></ul>
- <ol> – <ol type=”"></ol>
- <li> – <li type=”"></li>
Type |
Description |
HTML |
|
Unordered List Circle Bullets | <ul type=”circle”> |
|
Unordered List Disc Bullets (Default) | <ul type=”disc”> |
|
Unordered List Square Bullets | <ul type=”square”> |
|
Ordered List Numbers (Default) | <ol type=”1″> |
|
Ordered List Lowercase Letters | <ol type=”a”> |
|
Ordered List Uppercase Letters | <ol type=”A”> |
|
Ordered List Lowercase Roman Numerals | <ol type=”i”> |
|
Ordered List Uppercase Roman Numerals | <ol type=”I”> |
Using the type element seems similar to using in-line styles within the html design of the website. In line styling can be successfully applied to most web design elements including tables, div’s, lists and so on. Although this can be a useful technique in web design, external CSS styles have a greater advantage when it comes to managing changes across many pages of a website. This level of flexibility can only be available when using external css style sheets in designing websites.