css: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(A start...)
 
(24 ways: Styling hCards with CSS)
Line 29: Line 29:
}
}
</pre>
</pre>
==External discussion==
*[http://24ways.org/2006/styling-hcards-with-css 24 ways: Styling hCards with CSS]

Revision as of 20:29, 12 January 2008

CSS

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

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