Contenido

15 Propiedades CSS que no conoces y deberías conocer

16 Feb

aNieto2k hace 5128 días en: CSS, Programacion, webdev

+ 10

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] 

Enlace permanente: 15 Propiedades CSS que no conoces y deberías conocer

Comentar

↑

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.

wordpress. themes wordpress.plugins wordpress.hacks Wordpress webkit usabilidad tweet themes Safari prototype plugins plugin PHP optimización Opera navegadores MooTools lightbox jquery.plugin jquery javascript itouch iphone internet explorer imagenes IE8 IE6 HTML5 HTML hack google.chrome google framework flash firefox3 firefox firebug estandares CSS3 CSS canvas ajax Accesibilidad 2.7 2.6