HTML5 and CSS3, Second Edition

Column support [#content{column-count:2; column-gap:20px;column-rule:1pxsolid#ddccb5;

}] Divides a content area into multiple columns. [C2, F3.5, S3, O9.5, iOS3,

A2]

Referenced in Tip 13, Creating Multicolumn Layouts, on page 84

:after [span.weight:after{ content:"lbs"; color: #bbb;}]

Used with content to insert content after the specified element. [C2, F3.5,

S3, IE8, O9.5, iOS3, A2]

Referenced in Tip 11, Making Links Printable with :after and content, on

page 78

Media queries [media="onlyall and (max-width:480)"]

Apply styles based on device settings. [C3, F3.5, S4, IE9, O10.1, iOS3, A2]

Referenced in Tip 12, Building Mobile Interfaces with Media Queries, on

page 81

border-radius [border-radius:10px;]

Rounds corners of elements. [C4, F3, S3.2, IE9, O10.5]

Referenced in Tip 23, Rounding Rough Edges, on page 153

RGBa support [background-color:rgba(255,0,0,0.5);]

Uses RGB color instead of hex codes, along with transparency. [C4, F3.5,

S3.2, IE9, O10.1]

Referenced in Tip 24, Working with Shadows, Gradients, and Transforma-

tions, on page 157

box-shadow [box-shadow:10px 10px 5px #333;]

Creates drop shadows on elements. [C3, F3.5, S3.2, IE9, O10.5]

Referenced in Tip 24, Working with Shadows, Gradients, and Transforma-

tions, on page 157

Rotation [transform:rotate(7.5deg);]

Rotates any element. [C3, F3.5, S3.2, IE9, O10.5]

Referenced in Tip 24, Working with Shadows, Gradients, and Transforma-

tions, on page 157

Gradients [linear-gradient(top,#fff, #efefef);]

Creates gradients for use as images. [C4, F3.5, S4]

Referenced in Tip 24, Working with Shadows, Gradients, and Transforma-

tions, on page 157

Appendix 1. Features Quick Reference • 258

Download from Wow! eBook <www.wowebook.com> report erratum • discuss