css

(Difference between revisions)

Jump to: navigation, search
(24 ways: Styling hCards with CSS)
Current revision (21:03, 4 February 2008) (view source)
(abbr)
 
Line 4: Line 4:
The following CSS code may be applied to microformats. Please feel free to modify it to suit your own site.
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 <span style="border-bottom:dotted 1px">dotted underline</span> or border on each <abbr title="abbreviation">abbr</abbr>. You can use the following rule in your style sheet to eliminate this default presentation.
 +
 +
<pre><nowiki>
 +
.vcard abbr
 +
{
 +
border:0
 +
}
 +
</nowiki></pre>
 +
 +
(add other microformat top-level classes as required)
==Objects==
==Objects==

Current revision

CSS

Contents


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

css was last modified: Monday, February 4th, 2008

Views