| Propriedade | Valor | Descrição |
|---|---|---|
| font-family | Tipo de letra preciso (Arial, Times, Verdana) Família (serif, sans-serif, fantasy, monospace, cursive) | Define um ou vários nome de tipos ou de famílias de tipos. Se vários tipos forem definidos, o primeiro encontrado nos sistemas do utilizador será utilizado. |
| font-style | normal, italic, obliqua | Define o estilo de escrita |
| font-weight | lighter, normal, bold ou bolder.
valor numérico (100, 200, 300, 400, 500, 600, 700, 800, 900) | Define o negrito (espessura) da letra |
| font-size | xx-small, x-small, small, medium, large, x-large, xx-large
dimensão em pontos (pt), cm, % | Define a dimensão da letra |
| font-variant | normal, small-caps | Define uma variante (maiúsculas pequenas) |
| font | font: Verdana, Arial, bold italic 8px; | Atalho permitindo pôr todas as propriedades |
| Propriedade | Valor | Descrição |
|---|---|---|
| color | "#RRGGBB" | Define a cor do texto |
| line-height | line-height: 12pt; | Define a entrelinha |
| text-align | left, center, right ou justify | Define o alinhamento do texto |
| text-indent | text-indent: 5px; | Define a indexação (recuo do texto) |
| text-decoração | blink (piscar), underline (sublinhado)), line-through (barrado), overline (destacado) ou none (nenhuma decoração) | Define uma decoração |
| text-shadow | text-shadow: 1px 2px 4px black; | Define a sombra do texto, respectivamente à direita, inferior, raio do efeito de vapor e cor. |
| text-transform | uppercase (maiúscula), lowercase (minúscula) ou capitalize (primeira letra em maiúscula) | Define a ruptura do texto |
| white-space | normal (passagem à linha automática), pré (idem apreendido), nowrap (não passagem à linha automática) | Interrupção |
| word-spacing | word-spacing: 6px; | Define o espaçamento das palavras |
| width | En points (pt), pouces (in), en cm, en pixels (px), ou en % | Define a altura de um elemento de texto ou da imagem |
| height | Em pontos (pt), polegadas (in), em cm, em pixels (px), ou em % | Define a altura de um elemento de texto ou da imagem |
| Propriedade | Valor | Descrição |
|---|---|---|
| background-color | "#RRGGBB" | Define a cor do fundo |
| background-image | url(http://url) | Define a imagem de fundo |
| background-repeat | repeat, repeat-x, repeat-y, no-repeat | Define a maneira de repetir o fundo |
| background-attachment | scroll, fixed | Especifica se a imagem permanece fixa com deslocações no ecrã |
| background-position | top, middle, bottom, left, center ou right | Posição da imagem em relação ao canto superior esquerdo |
| background | background: url(test.jpg) fixed repeat; | Atalho para as propriedades do fundo |
| Propriedade | Exemplo | Descrição |
|---|---|---|
| margin-top | margin-top: 5px; | Valor da margem superior |
| margin-right | margin-right: 0.5em; | Valor da margem direita |
| margin-bottom | margin-bottom: 2pt; | Valor da margem inferior |
| margin-left | margin-left: 0; | Valor da margem esquerda |
| margin | margin: 5px 0.5em 2pt 0; | Atalho para as propriedades de margem |
| Propriedade | Valor | Descrição |
|---|---|---|
| border[-top -left -bottom -right]-width | Em pontos (pt), pouces (in), em cm, em pixéis (px), ou em % | Espessura da cercadura [superior, esquerda, inferior ou direita] |
| border[-top -left -bottom -right]-color | border-left-color: #RRGGBB; | Cor da cercadura [superior, esquerda, inferior ou direita] |
| border[-top -left -bottom -right]-style | solid (cheia), dashed (em tracejado), dotted (em pontilhado), double (dupla e preenchida) ou ridge (em 3D) | Estilo da cercadura [superior, esquerda, inferior ou direita] |
| border-collapse | collapse
separate | Efeito” 3D” ou não |
| border | border: 1px 0 0 2px dotted green; | Atalho global para as propriedades de cercadura |
| Propriedade | Valor | Descrição |
|---|---|---|
| padding-top | padding-top: 3px; | Espaço interno entre o elemento e a cercadura superior |
| padding-right | padding-right: 0.25em; | Espaço interno entre o elemento e a cercadura direita |
| padding-bottom | padding-bottom: 0; | Espaço interno entre o elemento e a cercadura inferior |
| padding-left | padding-left: 2pt; | Espaço interno entre o elemento e a cercadura esquerda |
| padding | padding: 3px 0.25em 0 2pt; | Atalho para o conjunto das propriedades de espaço interno |
| Propriedade | Valor | Descrição |
|---|---|---|
| border-collapse | separate ou collapse | Fusão das cercaduras das células (collapse) ou não (separate) |
| border-spacing | border-spacing: 4px; | Espaçamento das células |
| caption-side | top, bottom, left ou right | posicionamento da legenda do quadro |
| empty-cells | show ou collapse | Mostrar (show) ou esconder (collapse) as células vazias |
| table-layout | fixed (independentemente do conteúdo das células) ou auto (de acordo com o conteúdo das células) | Amplitude fixa ou variável |
| speak-headers | alwats (sistematicamente antes de cada célula) ou once (só uma vez) | Propriedade para surdos e deficientes auditivos indicando o comportamento aquando da leitura das células de cabeçalho de um quadro |
| Propriedade | Valor | Descrição |
|---|---|---|
| list-style-type | decimal, upper-roman, lower-latin, disc, circle, square ou none | Tipo de pontos e de numeração |
| list-style-image | list-style-image: url(image.png); | Permite personalizar os pontos com uma imagem |
| list-style-position | inside ou outside | Especifica o recuo dos pontos |
| list-style | Atalho para as propriedades de lista |
| Propriedade | Valor | Descrição |
|---|---|---|
| @page | @page(size: retrato) | Define a configuração da página da impressão |
| size | auto, landscape ou retrato | Formato da impressão |
| margin-top | margin-top: 3 cm; | Margem superior |
| margin-right | margin-right: 1.5 cm; | Margem direita |
| margin-bottom | margin-right: 1 cm; | Margem inferior |
| margin-left | margin-left: 2 cm; | Margem esquerda |
| marks | crop (marcas de corte), cross (marcador de montagem), none (sem marca) | Marcas de corte e marcadores de montagem |
| page-break-before | Always, avoid | Força o salto de página antes de um elemento |
| page-break-after | Always, avoid | Força o salto de página após um elemento |
| orphans | orphans: 2; | Evita as linhas órfãs em fim de página. Define o número mínimo de linhas a partir um envio em página seguinte é efectuado |
| widows | widows: 1; | Evita as linhas viúvas no início da página. Define número mínimo de linhas a partir um envio em página precedente é efectuado |