css

CSS

The following CSS code may be applied to microformats. Please feel free to modify it to suit your own site.

Abbr

Some browsers (Camino, Firefox, Mozilla) put a dotted underline or border on each abbr. You can use the following rule in your style sheet to eliminate this default presentation.

.vcard abbr
	{
	border:0
	}

(add other microformat top-level classes as required)

Objects

To hide objects which exist as part of the include-pattern:

object.include 
	{
	width: 0;
	height: 0;
	display: none;
	}

Telephone numbers

To ensure that telephone numbers are read out properly by aural devices or applications (e.g "one-two-three-four", not "one thousand, two hundred and thirty-four"):

.tel
	{
	speak: spell-out;
	speak-numeral: digits;
	}

External discussion

• 24 ways: Styling hCards with CSS