Ir para conteúdo / Skip to content

15 PROPRIEDADES CSS QUE VOCÊ DEVERIA CONHECER

Postado em: 3 de março de 2007 por Pedro Rogério

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

Aprenda com quem sabe de verdade.

Se tiver um tempo, leiam também:

Deixe seu comentário

5 comentários para esse post

  1. joao disse:
    #1

    Show !!! este artigo é no mínimo muito Interessante!

  2. Leonardo Procópio disse:
    #2

    Muito 10 mano!!
    Obrigado pela contribuição!

  3. 15 PROPRIEDADES CSS QUE VOCÊ DEVERIA CONHECER « PChaves disse:
    #3

    [...] 15 dicas, clique aqui para ir até a [...]

  4. Frank disse:
    #4

    Caro Pedro Rogério, encontrei seu site pelo Google. Fiz uma pesquiza sobre sites que abrem rapidamente e encontrei o seu, que com toda certeza tem informações valiosas. mas encontrei um grande problema: o site está muito pesado - eu uso conexao discada.

    Abraços - Frank

    P.S.: Esse formulário é 10!!!

  5. Joao disse:
    #5

    O cara que escreveu o comentario #4 é no minimo idiota! =/

Deixe seu comentário