H2:before { content: counter(capitulo) "." counter(secao) " "; counter-increment: secao; } list-style Atalho para definir de uma so vez todas as propriedades de lista: type, position e image [ || || ] Exemplo: li {list-style: decimal-leading-zero outside url(imagem.jpg); } list-style-image Imagem aplicada aos elementos de uma lista [ url("http://...") | none ] Exemplo: li {list-style-image: url("http://png.com/ellipse.png");} list-style-type Estilo visual aplicado aos marcadores de uma lista [ disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none ] disc - ponto solido circle - circulo vazio square - quadrado vazio decimal - numeros decimas, iniciando com 1 decimal-leading-zero - numeros decimais com zeros iniciais a esquerda (ex.: 01, 02, 03, ..., 98, 99) lower-roman - numeros romanos minusculos (i, ii, iii, iv, v, etc.). upper-roman - numeros romanos maiusculos (I, II, III, IV, V, etc.) georgian - numeracao georgeana tradicional (an, ban, gan, ..., he, tan, in, in-an, ...) armenian - numeracao armenia tradicional lower-latin | lower-alpha - letras ascii minusculas (a, b, c, ... z) upper-latin | upper-alpha - letras ascii maiusculas (A, B, C, ... Z) lower-greek - caracteres gregos classicos alpha, beta, gama, ... (, , , ...) none nenhum marcador de lista Exemplo: li {list-style-type: lower-alpha;} list-style-position Posicionamento interno dos marcadores de uma lista [ inside | outside ] inside conteudo da lista sera indentado, mas o texto nao sera alinhado apos quebra de linha outside diferente de inside, o texto sera alinhado na indentacao mesmo com quebra de linha Exemplo: ul {list-style-position: outside; } ul.compact {list-style-position: inside;} Obs.: Valores em negrito sao os adotados como padrao Cores e Fundo Modulo de cores e fundo Propriedade Descricao Valores Descricao / Exemplos color Cor do texto presente no elemento Exemplo: e {color: red; } e {color: rgb(255,0,0); } background-color Cor de fundo do elemento [ | transparent ] Para 'transparent' sera adotada a cor de fundo do elemento superior e na ausencia deste, a cor de fundo padrao do browser Exemplo: e {background-color: #f00; } e {background-color: transparent; } background-image Imagem de fundo do elemento [ url(...) | none ] Exemplo: e {background-image: url(http://caminho/imagem.jpg); } background-repeat Define se e como a imagem de fundo utilizada se repetira [ repeat | repeat-x | repeat-y | no-repeat ] repeat: a imagem e repetida em ambas as direcoes: horizontal e vertical repeat-x: a imagem e repetida somente horizontalmente repeat-y: a imagem e repetida somente verticalmente. no-repeat: a imagem nao sera repetida e somente uma copia da mesma sera renderizada Exemplo: e {background-repeat: no-repeat;} background-attachment Define se a imagem de fundo utilizada sera fixa ou com rolagem [ scroll | fixed ] scroll: a imagem acompanha a rolagem da pagina na janela do browser, mantendo-se como imagem de fundo fixed: a imagem e fixada na pagina e nao acompanhara a rolagem da pagina background-position Posicao da imagem de fundo utilizada. [ [ | | left | center | right ] [ | | top | center | bottom]? ] | [ [ left | center