I fogli di stile Stylesheets Les feuilles de style CSS: Hojas de estilo CSS - Style sheets

Propriedades da letra


PropriedadeValorDescrição
font-familyTipo 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-stylenormal, italic, obliquaDefine o estilo de escrita
font-weightlighter, normal, bold ou bolder.
valor numérico (100, 200, 300, 400, 500, 600, 700, 800, 900)
Define o negrito (espessura) da letra
font-sizexx-small, x-small, small, medium, large, x-large, xx-large
dimensão em pontos (pt), cm, %
Define a dimensão da letra
font-variantnormal, small-capsDefine uma variante (maiúsculas pequenas)
fontfont: Verdana, Arial, bold italic 8px;Atalho permitindo pôr todas as propriedades

Texto e parágrafo



PropriedadeValorDescrição
color"#RRGGBB"Define a cor do texto
line-heightline-height: 12pt;Define a entrelinha
text-alignleft, center, right ou justifyDefine o alinhamento do texto
text-indenttext-indent: 5px;Define a indexação (recuo do texto)
text-decoraçãoblink (piscar), underline (sublinhado)), line-through (barrado), overline (destacado) ou none (nenhuma decoração)Define uma decoração
text-shadowtext-shadow: 1px 2px 4px black;Define a sombra do texto, respectivamente à direita, inferior, raio do efeito de vapor e cor.
text-transformuppercase (maiúscula), lowercase (minúscula) ou capitalize (primeira letra em maiúscula)Define a ruptura do texto
white-spacenormal (passagem à linha automática), pré (idem apreendido), nowrap (não passagem à linha automática)Interrupção
word-spacingword-spacing: 6px;Define o espaçamento das palavras
widthEn points (pt), pouces (in), en cm, en pixels (px), ou en %Define a altura de um elemento de texto ou da imagem
heightEm pontos (pt), polegadas (in), em cm, em pixels (px), ou em %Define a altura de um elemento de texto ou da imagem

Cores e fundo



PropriedadeValorDescrição
background-color"#RRGGBB"Define a cor do fundo
background-imageurl(http://url)Define a imagem de fundo
background-repeatrepeat, repeat-x, repeat-y, no-repeatDefine a maneira de repetir o fundo
background-attachmentscroll, fixedEspecifica se a imagem permanece fixa com deslocações no ecrã
background-positiontop, middle, bottom, left, center ou rightPosição da imagem em relação ao canto superior esquerdo
backgroundbackground: url(test.jpg) fixed repeat;Atalho para as propriedades do fundo

Margem



PropriedadeExemploDescrição
margin-topmargin-top: 5px;Valor da margem superior
margin-rightmargin-right: 0.5em; Valor da margem direita
margin-bottommargin-bottom: 2pt;Valor da margem inferior
margin-leftmargin-left: 0;Valor da margem esquerda
marginmargin: 5px 0.5em 2pt 0;Atalho para as propriedades de margem

Cercadura



PropriedadeValorDescrição
border[-top -left -bottom -right]-widthEm 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]-colorborder-left-color: #RRGGBB; Cor da cercadura [superior, esquerda, inferior ou direita]
border[-top -left -bottom -right]-stylesolid (cheia), dashed (em tracejado), dotted (em pontilhado), double (dupla e preenchida) ou ridge (em 3D)Estilo da cercadura [superior, esquerda, inferior ou direita]
border-collapsecollapse
separate
Efeito” 3D” ou não
borderborder: 1px 0 0 2px dotted green; Atalho global para as propriedades de cercadura

Espaços interno



Propriedade Valor Descrição
padding-toppadding-top: 3px;Espaço interno entre o elemento e a cercadura superior
padding-rightpadding-right: 0.25em;Espaço interno entre o elemento e a cercadura direita
padding-bottompadding-bottom: 0;Espaço interno entre o elemento e a cercadura inferior
padding-leftpadding-left: 2pt;Espaço interno entre o elemento e a cercadura esquerda
paddingpadding: 3px 0.25em 0 2pt;Atalho para o conjunto das propriedades de espaço interno

Quadro



PropriedadeValorDescrição
border-collapseseparate ou collapseFusão das cercaduras das células (collapse) ou não (separate)
border-spacingborder-spacing: 4px;Espaçamento das células
caption-sidetop, bottom, left ou rightposicionamento da legenda do quadro
empty-cellsshow ou collapseMostrar (show) ou esconder (collapse) as células vazias
table-layoutfixed (independentemente do conteúdo das células) ou auto (de acordo com o conteúdo das células)Amplitude fixa ou variável
speak-headersalwats (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

Lista



Propriedade Valor Descrição
list-style-typedecimal, upper-roman, lower-latin, disc, circle, square ou noneTipo de pontos e de numeração
list-style-imagelist-style-image: url(image.png);Permite personalizar os pontos com uma imagem
list-style-positioninside ou outsideEspecifica o recuo dos pontos
list-style Atalho para as propriedades de lista

Configuração da página



PropriedadeValorDescrição
@page@page(size: retrato)Define a configuração da página da impressão
sizeauto, landscape ou retratoFormato da impressão
margin-topmargin-top: 3 cm;Margem superior
margin-rightmargin-right: 1.5 cm; Margem direita
margin-bottommargin-right: 1 cm;Margem inferior
margin-leftmargin-left: 2 cm;Margem esquerda
markscrop (marcas de corte), cross (marcador de montagem), none (sem marca)Marcas de corte e marcadores de montagem
page-break-beforeAlways, avoidForça o salto de página antes de um elemento
page-break-afterAlways, avoidForça o salto de página após um elemento
orphansorphans: 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
widowswidows: 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


Última modificação do dia Terça 21 de Julho de 2009 às 20:36:15.Este documento, intitulado « As folhas de estilo  »a partir de Kioskea (pt.kioskea.net) está disponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condições estipuladas pela licença, como esta nota aparece claramente.
Melhores respostas por « As folhas de estilo » em :
Folha de cálculo - As fórmulas Ver Introdução às fórmulas O principal interesse de uma folha de cálculo é permitir automatizar cálculos, ou seja, utilizar células para efectuar operações em função dos valores de outras células. A folha de cálculo calcula novamente assim...
Folhas de cálculo Ver Noção de folha de cálculo Uma folha de cálculo apresenta os dados e as fórmulas sob a forma de um quadro (linhas e colunas) chamado folha de cálculo. Uma folha de cálculo é constituída por linhas (numeradas com a ajuda de números) e...
Folha de cálculo - As células Ver A noção de célula Chama-se “célula” à intersecção entre uma linha (horizontal) e uma coluna (vertical) da folha de cálculo. Assim, o nome da linha combinado com o nome da coluna dá as coordenadas de uma célula (o termo "endereço" é às...
(excel) classificar linhas (horizontalmente), não colunas VerMicrosoft tem uma configuração padrão de classificação das colunas (Dados / Organizar). Para classificar os dados horizontalmente, selecione-os e clique em “Opções” e no painel “Orientação” especificando “Da esquerda para a direita” !
Transformar un arquivo Microsoft Excel (.xls) en PDF VerTransformar em arquivo PDF un arquivo Microsoft Excel (.xls) Nada mais simples ! Abra seu arquivo *.xls com o OpenOffice.org Se for o caso, regule a paginação através do menu Formato / Página... A partir daí, você terá duas soluções para...
Como fazer o Word reconhecer as abreviaturas VerComo escrever rapidamente no Word É possível, durante a tradução de um documento Word, substituir automáticamente uma abreviatura ou um símbolo por uma palavra usada várias vezes no texto: No exemplo a seguir, se você digitar CCM, aparecerá...
Folha de cálculo - O interface do Excel VerApresentação do Excel O Microsoft Excel é a folha de cálculo da gama burótica Microsoft Office. Para o iniciar, basta clicar no ícone adequado do seu menu Iniciar (no Windows) ou clicar num ficheiro Excel (cuja extensão é .xls). Um...
Folha de cálculo - as funções lógicas VerA noção de função As folhas de cálculo fornecem geralmente um grande número de funções integradas que permitem realizar manipulações de dados. Existem centenas, classificadas da seguinte maneira: As funções aritméticas que oferecem...
Introdução à noção de folha de cálculo VerO que é uma folha de cálculo ? Uma folha de cálculo é um software que permite manipular dados numéricos e efectuar automaticamente cálculos com números armazenados num quadro. É assim possível automatizar cálculos complexos que põem em...