tateis braille embossed Impresoras braille handheld Dispositivos manuais/portateis (tela pequena, monocromatica, graficos bitmap, banda limitada) print Impresso, material opaco e documentos visualizados na tela em modo de impressao projection Projetores screen Telas de computador speech Sintetizadores de voz. Similar a "aural" tty Midias que utilizam caracteres de tamanho fixo, como terminais ou dispositivos portateis com capacidades limitadas de tela tv Televisores Sintaxe Modulo de sintaxe @import "folha.css" tipo-midia; /* Comentarios */ @media tipo-midia {seletor {Propriedade: valor(es);}}; Unidades Unidades de tamanho relativas Modulo de unidades relativas Unidade Descricao px Tamanho em pixels (relativo ao dispositivo) em Tamanho relativo a fonte utilizada no elemento ao qual esta inserido ex Correspondente a altura da fonte 'x Unidades de tamanho absolutas Modulo de unidades absolutas Unidade Descricao in Polegadas (1polegada = 2.54 cm) cm Centimetros mm Milimetros pt Pontos (1pt = 1/72 polegadas) pc Picas (1pica = 12 pontos) Porcentagem Modulo de porcentagem Unidade Descricao % Porcentagem 0 Valor '0' nao requer atribuicao de unidade Representacao de cores Modulo de representacao de cores Unidade Descricao #RRGGBB Cor RGB (6 valores hexadecimais) #RGB Notacao simplificada (#RGB = #RRGGBB) rgb(R,G,B) Cor RGB (3 valores de 0 a 255) rgb(R%,G%,B%) Cor RGB (3 valores percentuais) Modelo de caixa Bordas Modulo de bordas Propriedade Descricao Valores Descricao border-top-width border-right-width border-bottom-width border-left-width Largura das bordas em cada um dos quatro lados: superior, direito, inferior e esquerdo [ thin | medium | thick | ] thin: espessura fina medium: espessura media thick: espessura grossa Exemplo: e {border-bottom-width: medium; } border-width Atalho para definir de uma so vez larguras de bordas para todos os lados [ thin | medium | thick | ] {1,4} Exemplos: Todas as bordas com espessura 'thin': e {border-width: thin;} Bordas superior e inferior com espessura 'thin', bordas direita e esquerda com espessura 'thick': e {border-width: thin thick;} Borda superior com espessura 'thin', bordas direita e esquerda com espessura 'thick', borda inferior com espessura 'medium': e {border-width: thin thick medium;} Borda superior com espessura 'thin', borda direita com espessura 'thick', borda inferior com espessura 'medium', borda esquerda com espessura 'thin': e {border-width: thin thick medium thin;} border-top-color border-right-color border-bottom-color border-left-color Cor das bordas em cada um dos quatro lados: superior, direito, inferior e esquerdo [ | transparent ] Exemplo: e {border-top-color: black; } border-color Atalho para definir de uma so vez cores de bordas para todos os lados [ | transparent ] {1,4} Exemplos: Todas as bordas com a cor 'black': e {border-color: black;} Bordas superior e inferior com a cor 'black', bordas direita e esquerda com a cor 'silver': e {border-color: black silver;} Borda superior com a cor 'black', bordas direita e esquerda com a cor 'silver', borda inferior com a cor 'gray': e {border-color: black silver gray; } Borda superior com a cor 'black', borda direita com a cor 'silver', borda inferior com a cor 'gray', borda esquerda com a cor 'white': e {border-color: black silver gray white; } border-top-style border-right-style border-bottom-style border-left-style Estilo de bordas em cada um dos quatro lados: superior, direito, inferior e esquerdo [ none | hidden | dotted | dashed | solid