type (HTML attribute)
| Depr. | Version |
|---|---|
| Yes | HTML 2 |
| IE5.5+ | FF1+ | SA1.3+ | OP9.2+ |
|---|---|---|---|
| Full | Full | Full | Full |
Syntax
Description
The type
attribute allows the developer to apply some basic alternative styling to
the bullet point that accompanies each list item.
This attribute is now deprecated, and is highly presentational in its nature. The desired visual effects can all be achieved with CSS and, as such, this attribute shouldn’t be used—it’s presented here for informational purposes only.
Example
This example shows
type applied to the navigation block we saw
earlier:
<ul type="circle"> <li><a href="/">Home</a></li> <li><a href="/about/">About Us</a></li> <li><a href="/portfolio/">Portfolio</a></li> <li><a href="/clients/">Clients</a></li> <li><a href="/contact/">Contact Us</a></li> </ul>
This code would render as shown in Figure 1.
type="circle"
Here’s the same list, using a type value
of "square":
<ul type="square"> <li><a href="/">Home</a></li> <li><a href="/about/">About Us</a></li> <li><a href="/portfolio/">Portfolio</a></li> <li><a href="/clients/">Clients</a></li> <li><a href="/contact/">Contact Us</a></li> </ul>
This code would render as shown in Figure 2.
type="square"
Value
The options are
"disc" (the browser default: a filled circle),
"circle" (an outline of a circle that’s not filled in),
and "square" (a filled square, not an
outline).
Compatibility
| Internet Explorer | Firefox | Safari | Opera | |||||||
|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 1.0 | 1.5 | 2.0 | 1.3 | 2.0 | 3.0 | 9.2 | 9.5 |
| Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full |
Good support is
provided for the type attribute. However, given
that it’s a deprecated attribute whose effects can be achieved—and
massively improved upon (for example, you can use background imagery of
your choosing, rather than picking from a small selection of basic
glyphs)—using CSS, you can avoid using this attribute
altogether.
User-contributed notes
There are no comments yet.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.