Declarations Archives

Examples on how to use certain CSS3 declarations.

Using CSS 3 selectors to apply link icons

Excerpt: #test_selectors { list-style: none; margin: 0; padding: 0; } #test_selectors a { color: #000; display: block; text-decoration: none; } #test_selectors a span { text-decoration: underline; } #test_selectors a:hover { color: #f00; text-decoration: underline; } #test_selectors a[accesskey] { backgroun

What CSS 3 Can You Easily Use Right Now?

Excerpt: The Short Answer: None of it. The Slightly Longer Answer: I'm in the process of updating the Preview area at the moment (sneak preview), and what's immediately apparent is the low level of implementation of the new CSS 3 features across the major browsers. As IE6 is still the most widely-us

Graceful Degradation

Excerpt: Graceful degradation means that your Web site continues to operate even when viewed with less-than-optimal software in which advanced effects don't work. Fluid Thinking, by Peter-Paul Koch With CSS 3 so tantalisingly close (and yet so far away!), it's fun to play around with some of the new

border-radius: Safari vs Mozilla

Excerpt: With the release of Safari 3, there are now two browsers with (browser-specific) implementations of border-radius; unfortunately, the two implementations are different. The problem is that there is an unresolved ambiguity in the CSS 3 working draft. The draft proposes four declarations, which des

Opacity, RGBA and compromise

Excerpt: The header of my own blog (still in development; please don't judge me!) features a single image which spans two columns, with a semi-opaque panel featuring text over the top of it. I wanted the image to be clearly visible in the left column, and faintly visible in the central column. I could have d