aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Increible artículo que leo en seomoz.org en el que nos muestran las 15 propiedades CSS más desconocidas y menos usadas de la red. Siempre es bueno, como mínimo, saber que están ahi para poder usarlas si lo creemos necesario.

1. clip

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

 [info][demo][artículo]

2. visibility

visibility: (inherit | visible | hidden)

 [info][demo][artículo]

 3.text-shadow (Safari 1.1+)

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

[info][demo][artículo]

 4.content

content: "Your browser supports content"

[info][demo][artículo]

5.quotes

q { quotes: '"' '"' }

[info][demo][artículo]

6. counter-reset y counter-increment

[info][demo][artículo]

7. marks

@page: { marks: <value>; }

[info][demo][artículo]

 8. page-break-before y page-break-after

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

 [info][demo][artículo]

 9. orphans and widows

orphans: <integer>
 widows: <integer>

 [info][demo][artículo]

10. font-size-adjust

font-size-adjust: number

[info][demo][artículo] 

11. font-stretch

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

[info][demo][artículo] 

 12. font-variant

font-variant: (normal | small-caps)

[info][demo][artículo]

13. caption-side

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

[info][demo][artículo] 

 14. table-layout

table-layout: (auto | fixed)

[info][demo][artículo]

 15. empty-cells

empty-cells: (show | hide)

[info][demo][artículo]