Pinceladas da Web

Muita gente ainda desconhece a real utilidade dessas propriedades, eu também confesso que por mim já passou despercebido, mas nunca é tarde para começar a utilizá-las:

1.Clip

clip: rect(5px, 40px, 45px, 5px)

Info – Demo – Artigo

2.Visibility

visibility: (inherit | visible | hidden)

Info – Artigo

3.Text-shadow (Safari 1.1+)

text-shadow: color, x-coordinate, y-coordinate, blur radius
text-shadow: #000000 10px -5px 1px

Info – Demo – Artigo

4.Content

content: "Your browser supports content"

Info – Demo – Artigo

5.Quotes

q { quotes: '"' '"' }

Info – Demo – Artigo

6.Counter-reset e Counter-increment

body {
  counter-reset: section;           /* Set the section counter to 0 */
}
h1:before {
  counter-increment: section;      /* Increment the section counter */
  content: "Section " counter(section) ": "; /* Display the counter */
}

Info – Artigo

7.Marks

@page: { marks: <value>; }

Info – Artigo

8.Page-break-before e Page-break-after

page-break-before: (always|auto|empty string|left|right);
page-break-after: (always|auto|empty string|left|right);

Info – Demo – Artigo

9.Orphans e Widows

orphans: <integer>
 widows: <integer>

Info – Artigo

10.Font-size-adjust

font-size-adjust: number

Info – Artigo

11.Font-stretch

font-stretch: (normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit)

Info

12.Font-variant

font-variant: (normal | small-caps)

Info – Artigo

13.Caption-side

caption-side: (top | bottom | left | right)

Info – Artigo

14.Table-layout

table-layout: (auto | fixed)

Info – Artigo

15.Empty-cells

empty-cells: (show | hide)

Info – Artigo

Adaptação do artigo original de: Anieto2K