css

From Microformats Wiki
Revision as of 21:03, 4 February 2008 by AndyMabbett (talk | contribs) (abbr)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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