tutoriais mais recente desenvolvimento web
×

CSS Referência

CSS Referência CSS seletores CSS Funções CSS Aural referência CSS Web Fonts Seguro CSS Animatable CSS Unidades CSS PX-EM conversor CSS cores CSS Cor valores CSS3 Suporte a navegadores

CSS propriedades

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight hanging-punctuation height justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position quotes resize right tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index



 

Referência CSS


Nota referência CSS w3ii 'é testado regularmente com todos os principais navegadores.


Propriedades CSS

Grupos propriedade CSS


O "CSS" coluna indica em qual versão CSS a propriedade é definida (CSS1, CSS2, or CSS3) .

Propriedades das cores

Propriedade Descrição CSS
color Define a cor do texto 1
opacity Define o nível de opacidade para um elemento 3

Propriedades fundo e borda

Propriedade Descrição CSS
background Um atalho para definir todas as propriedades do fundo em uma declaração 1
background-attachment Define se uma imagem de fundo é fixo ou pergaminhos com o resto da página 1
background-blend-mode Especifica o modo de mesclagem de cada camada de fundo (color/image)
background-color Especifica a cor de fundo de um elemento 1
background-image Especifica uma ou mais imagens de fundo para um elemento 1
background-position Especifica a posição da imagem de fundo 1
background-repeat Define como uma imagem de fundo será repetido 1
background-clip Especifica a área de pintura do fundo 3
background-origin Especifica onde o fundo image(s) é / são posicionados 3
background-size Especifica o tamanho do plano de fundo image(s) 3
border Define todas as propriedades de fronteira em uma declaração 1
border-bottom Define todas as propriedades borda inferior em uma declaração 1
border-bottom-color Define a cor da borda inferior
border-bottom-left-radius Define a forma da borda do canto inferior esquerdo 3
border-bottom-right-radius Define a forma da borda do canto inferior direito 3
border-bottom-style Define o estilo da borda inferior 1
border-bottom-width Define a largura da borda inferior 1
border-color Define a cor das quatro bordas 1
border-image Um atalho para definir todas as propriedades * border-image- 3
border-image-outset Especifica a quantidade pela qual a área da imagem fronteira se estende para além da caixa de fronteira 3
border-image-repeat Especifica se a imagem de fronteira deve ser repetido, arredondado ou esticado 3
border-image-slice Especifica como cortar a imagem Beira 3
border-image-source Especifica o caminho para a imagem a ser usado como uma borda 3
border-image-width Especifica a largura da imagem-border 3
border-left Define todas as propriedades da borda esquerda em uma declaração 1
border-left-color Define a cor da borda esquerda 1
border-left-style Define o estilo da borda esquerda 1
border-left-width Define a largura da borda esquerda 1
border-radius Um atalho para definir todos os quatro fronteira - * - propriedades de raio 3
border-right Define todas as propriedades da borda direita em uma declaração 1
border-right-color Define a cor da borda direita 1
border-right-style Define o estilo da borda direita 1
border-right-width Define a largura da borda direita 1
border-style Define o estilo das quatro bordas 1
border-top Define todas as propriedades da borda superior em uma declaração 1
border-top-color Define a cor da borda superior 1
border-top-left-radius Define a forma da borda do canto superior esquerdo 3
border-top-right-radius Define a forma da borda do canto superior direito 3
border-top-style Define o estilo da borda superior 1
border-top-width Define a largura da borda superior 1
border-width Define a largura das quatro bordas 1
box-decoration-break Define o comportamento do fundo ea beira de um elemento de page-break, ou, para os elementos em linha, na linha-break. 3
box-shadow Anexa um ou mais drop-sombras para a caixa 3

Propriedades de caixa básicas

Propriedade Descrição CSS
bottom Especifica a posição do fundo de um elemento posicionado 2
clear Especifica quais lados de um elemento onde outros elementos flutuantes não são permitidos 1
clip Clipes um elemento posicionado de forma absoluta 2
display Especifica como um determinado elemento HTML deve ser exibido 1
float Especifica se ou não uma caixa deve flutuar 1
height Define a altura de um elemento 1
left Especifica a posição esquerda de um elemento posicionado 2
margin Define todas as propriedades de margem em uma declaração 1
margin-bottom Define a margem inferior de um elemento 1
margin-left Define a margem esquerda de um elemento 1
margin-right Define a margem direita de um elemento 1
margin-top Define a margem superior de um elemento 1
max-height Define a altura máxima de um elemento 2
max-width Define a largura máxima de um elemento 2
min-height Define a altura mínima de um elemento 2
min-width Define a largura mínima de um elemento 2
overflow
Especifica o que acontece se o conteúdo transborda a caixa de um elemento 2
overflow-x Especifica se deve ou não cortar as bordas / esquerda e direita do conteúdo, se ele transborda área de conteúdo do elemento 3
overflow-y Especifica se deve ou não cortar as bordas superiores de fundo / do conteúdo, se ele transborda área de conteúdo do elemento 3
padding Define todas as propriedades de preenchimento em uma declaração 1
padding-bottom Define o preenchimento de fundo de um elemento 1
padding-left Define o preenchimento à esquerda de um elemento 1
padding-right Define o preenchimento direito de um elemento 1
padding-top Define o preenchimento superior de um elemento 1
position Especifica o tipo de método utilizado para o posicionamento de um elemento (estática, relativa, absoluta ou fixo) 2
right Especifica a posição correta de um elemento posicionado 2
top Especifica a posição de topo de um elemento posicionado 2
visibility Especifica se um elemento é visível 2
width Define a largura de um elemento 1
vertical-align Define o alinhamento vertical de um elemento 1
z-index Define a ordem de empilhamento de um elemento posicionado 2

Box layout flexível

Propriedade Descrição CSS
align-content Especifica o alinhamento entre as linhas dentro de um recipiente flexível quando os itens não use todo o espaço disponível 3
align-items Especifica o alinhamento para artigos dentro de um recipiente flexível 3
align-self Especifica o alinhamento para itens seleccionados dentro de um recipiente flexível 3
flex Especifica o comprimento do produto, em relação ao resto 3
flex-basis Especifica o comprimento inicial de um produto flexível 3
flex-direction Especifica a direcção dos artigos flexíveis 3
flex-flow Uma propriedade estenográfica para o flex-direção e as propriedades flex-envoltório 3
flex-grow Especifica quanto o item vai crescer em relação ao resto 3
flex-shrink Especifica como o item vai encolher em relação ao resto 3
flex-wrap Especifica se os itens flexíveis deve envolver ou não 3
justify-content Especifica o alinhamento entre os itens dentro de um recipiente flexível quando os itens não use todo o espaço disponível 3
order Define a ordem da adição flexível, em relação ao resto 3

Propriedades do texto

Propriedade Descrição CSS
hanging-punctuation Especifica se um caractere de pontuação podem ser colocados fora da caixa de linha 3
hyphens Define como dividir as palavras para melhorar o layout dos parágrafos 3
letter-spacing Aumenta ou diminui o espaço entre caracteres em um texto 1
line-break Especifica como / se para quebrar linhas 3
line-height Define a altura da linha 1
overflow-wrap Especifica se o navegador pode quebrar linhas dentro de palavras, a fim de evitar transbordamento (quando uma cadeia é muito longa para caber sua caixa contendo) 3
tab-size Especifica o comprimento da guia caracteres 3
text-align Especifica o alinhamento horizontal do texto 1
text-align-last Descreve como a última linha de um bloco ou um direito de linha antes de uma quebra de linha forçada é alinhado quando text-align é "justify" 3
text-combine-upright Especifica a combinação de vários caracteres no espaço de um único caractere 3
text-indent Especifica o recuo da primeira linha em um texto-block 1
text-justify Especifica o método de justificação usada quando text-align é "justify" 3
text-transform Controla a capitalização do texto 1
white-space Especifica como white-space dentro de um elemento é tratado 1
word-break Especifica regras de quebra de linha para scripts não-CJK 3
word-spacing Aumenta ou diminui o espaço entre as palavras de texto 1
word-wrap Permite longos, palavras inquebráveis ​​para ser quebrado e enrole para a próxima linha 3

Propriedades decoração de texto

Propriedade Descrição CSS
text-decoration Especifica a decoração adicionado ao texto 1
text-decoration-color Especifica a cor do text-decoration 3
text-decoration-line Especifica o tipo de linha em um text-decoration 3
text-decoration-style Especifica o estilo da linha de decoração de texto 3
text-shadow Adiciona sombra ao texto 3
text-underline-position Especifica a posição do sublinhado que é definido usando a propriedade text-decoration 3

propriedades da fonte

Propriedade Descrição CSS
@font-face Uma regra que permite que os sites para baixar e usar outras fontes do que os "web-safe" fontes 3
@font-feature-values Permite que os autores de usar um nome comum em font-variant-alternativo para recurso ativado de forma diferente em OpenType 3
font Define todas as propriedades de fonte em uma declaração 1
font-family Especifica a família de fontes para o texto 1
font-feature-settings Permite o controle sobre recursos tipográficos avançados em fontes OpenType 3
font-kerning Controla o uso das informações kerning (how letters are spaced) 3
font-language-override Controla o uso de pictogramas específicos do idioma em um carácter tipo 3
font-size Especifica o tamanho da fonte do texto 1
font-size-adjust Preserva a legibilidade do texto quando font ocorre a reserva 3
font-stretch Selecciona um, condensado, ou face expandida normal a partir de uma família de fontes 3
font-style Especifica o estilo da fonte do texto 1
font-synthesis Controla quais falta fontes (bold or italic) podem ser sintetizados pelo navegador 3
font-variant Especifica se ou não um texto deve ser exibido em uma fonte small-caps 1
font-variant-alternates Controla o uso de glifos alternativos associados aos nomes alternativos definidos na característica-valores de fonte @ 3
font-variant-caps Controla o uso de glifos alternativos para letras maiúsculas 3
font-variant-east-asian Controla o uso de glifos alternativos para scripts do Leste Asiático (por exemplo, japonês e chinês) 3
font-variant-ligatures Controla quais ligaduras e formas contextuais são usados ​​em conteúdo textual dos elementos que se aplica 3
font-variant-numeric Controla o uso de glifos alternativos para os números, frações, e marcadores ordinais 3
font-variant-position Controla o uso de glifos alternativos de menor tamanho posicionadas como sobrescrito ou subscrito em relação à linha de base da fonte 3
font-weight Especifica o peso de uma fonte 1

Propriedades Modos de escrita

Propriedade Descrição CSS
direction Especifica a direção do texto / escrita direção 2
text-orientation Define a orientação do texto numa linha 3
text-combine-upright Especifica a combinação de vários caracteres no espaço de um único caractere 3
unicode-bidi Usado em conjunto com a direção propriedade para definir ou retornar se o texto deve ser substituído para suportar vários idiomas no mesmo documento 2
writing-mode3

Propriedades da tabela

Propriedade Descrição CSS
border-collapse Especifica se ou não bordas da tabela deve ser recolhido 2
border-spacing Especifica a distância entre as bordas das células adjacentes 2
caption-side Especifica a colocação de uma legenda da tabela 2
empty-cells Especifica se deve ou não exibir bordas e fundo sobre as células vazias em uma tabela 2
table-layout Define o algoritmo layout para ser usado por uma mesa 2

Listas e propriedades Contadores

Propriedade Descrição CSS
counter-increment Incrementos de um ou mais contadores 2
counter-reset Cria ou redefine um ou mais contadores 2
list-style Define todas as propriedades para uma lista em uma declaração 1
list-style-image Especifica uma imagem como marcador de item de lista 1
list-style-position Especifica se os marcadores de item de lista deve aparecer dentro ou fora do fluxo de conteúdo 1
list-style-type Especifica o tipo de marcador de lista 1

Propriedades de animação

Propriedade Descrição CSS
@keyframes Especifica o código de animação 3
animation Uma propriedade estenográfica para todas as propriedades de animação (exceto animação-play-state e-fill-mode animação) 3
animation-delay Especifica um atraso para o início de uma animação 3
animation-direction Especifica se a animação deve desempenhar no reverso em ciclos alternados 3
animation-duration Especifica quantos segundos ou milissegundos uma animação leva para completar um ciclo 3
animation-fill-mode Especifica um estilo para o elemento quando a animação não está jogando (when it is finished, or when it has a delay) 3
animation-iteration-count Especifica o número de vezes que uma animação deve ser jogado 3
animation-name Especifica o nome do animação @keyframes 3
animation-play-state Especifica se a animação está em execução ou em pausa 3
animation-timing-function Especifica a curva de velocidade de uma animação 3

Transform Properties

Propriedade Descrição CSS
backface-visibility Define se ou não um elemento deve ser visível quando não voltado para o ecrã 3
perspective Especifica a perspectiva sobre a forma como os elementos 3D são vistos 3
perspective-origin Especifica a posição inferior de elementos 3D 3
transform Aplica-se uma transformação 2D ou 3D a um elemento 3
transform-origin Permite-lhe alterar a posição sobre elementos transformados 3
transform-style Especifica como elementos aninhados são renderizados no espaço 3D 3

Propriedades Transitions

Propriedade Descrição CSS
transition Um atalho para definir as quatro propriedades de transição 3
transition-property Especifica o nome da propriedade CSS o efeito de transição é para 3
transition-duration Especifica quantos segundos ou milissegundos um efeito de transição leva para completar 3
transition-timing-function Especifica a curva de velocidade do efeito de transição 3
transition-delay Especifica quando o efeito de transição vai começar 3

Propriedades interface de usuário básica

Propriedade Descrição CSS
box-sizing Informa ao navegador o que as propriedades de dimensionamento (width and height) deve incluir 3
content Usado com o: before e: after pseudo-elementos, para inserir o conteúdo gerado 2
cursor Especifica o tipo de cursor para ser exibido 2
ime-mode Controla o estado do editor de métodos de entrada para campos de texto 3
nav-down Especifica onde a navegação quando se utiliza a tecla de navegação de seta para baixo 3
nav-index Especifica a ordem de tabulação para um elemento 3
nav-left Especifica onde a navegação quando se utiliza a tecla de navegação seta-esquerda 3
nav-right Especifica onde a navegação quando se utiliza a tecla de navegação seta para a direita 3
nav-up Especifica onde a navegação quando se utiliza a tecla de navegação seta-up 3
outline Define todas as propriedades de contorno em uma declaração 2
outline-color Define a cor de um esboço 2
outline-offset Desloca um esboço, e desenha-lo para além da borda fronteira 3
outline-style Define o estilo de um esboço 2
outline-width Define a largura de um esboço 2
resize Especifica se um elemento é redimensionáveis ​​pelo usuário 3
text-overflow Especifica o que deve acontecer quando o texto transborda o elemento que contém 3

Propriedades do layout de várias colunas

Propriedade Descrição CSS
break-after Especifica o page-, Coluna, ou o comportamento região-break depois que a caixa gerado 3
break-before Especifica o page-, Coluna, ou o comportamento região-break antes da caixa gerado 3
break-inside Especifica o page-, Coluna, ou o comportamento região-break dentro da caixa gerado 3
column-count Especifica o número de colunas de um elemento deverá ser dividido em 3
column-fill Especifica como preencher colunas 3
column-gap Especifica a diferença entre as colunas 3
column-rule Um atalho para definir todas as propriedades da coluna-rule- * 3
column-rule-color Especifica a cor da regra entre as colunas 3
column-rule-style Especifica o estilo da regra entre as colunas 3
column-rule-width Especifica a largura da regra entre as colunas 3
column-span Especifica quantas colunas um elemento deve abranger entre 3
column-width Especifica a largura das colunas 3
columns Um atalho para definir coluna de largura e column-count 3
widows Define o número mínimo de linhas que devem ser deixadas no topo de uma página quando uma quebra de página ocorre dentro de um elemento 2

paginada mídia

Propriedade Descrição CSS
orphans Define o número mínimo de linhas que devem ser deixados na parte inferior de uma página quando uma quebra de página ocorre dentro de um elemento 2
page-break-after Define o comportamento de páginas quebrar depois de um elemento 2
page-break-before Define o comportamento de página quebra antes de um elemento 2
page-break-inside Define o comportamento de páginas quebrar dentro de um elemento 2

Conteúdo gerado para Paged mídia

Propriedade Descrição CSS
marks Adiciona cultura e / ou marcas de cruz com o documento 3
quotes Define o tipo de aspas para citações embutidas 2

Propriedades efeitos de filtro

Propriedade Descrição CSS
filter Define efeitos (eg blurring or color shifting) em um elemento antes do elemento é exibido 3

Valores de imagem e conteúdo Substituído

Propriedade Descrição CSS
image-orientation Especifica uma rotação na direção certa ou no sentido de que um agente do usuário se aplica a uma imagem (Esta propriedade é provavelmente vai ser obsoleto e sua funcionalidade mudou-se para HTML) 3
image-rendering Dá uma dica para o navegador sobre quais os aspectos de uma imagem são mais importantes para preservar quando a imagem é dimensionada 3
image-resolution Especifica a resolução intrínseca de todas as imagens raster usadas em / no elemento 3
object-fit Especifica como o conteúdo de um elemento substituído deve ser adaptada à caixa estabelecida por sua altura e largura usada 3
object-position Especifica o alinhamento do elemento substituído dentro de sua caixa 3

mascarando Propriedades

Propriedade Descrição CSS
mask3
mask-type3

Propriedades de fala

Propriedade Descrição CSS
mark Um atalho para definir as propriedades de marcação antes e marca-after 3
mark-after Permite marcadores nomeados para ser ligado ao fluxo de áudio 3
mark-before Permite marcadores nomeados para ser ligado ao fluxo de áudio 3
phonemes Especifica uma pronúncia fonética para o texto contido pelo elemento correspondente 3
rest Um atalho para definir as propriedades de descanso, antes e restante-após 3
rest-after Especifica um descanso ou fronteira prosódica a ser observado depois de falar conteúdo de um elemento 3
rest-before Especifica um descanso ou fronteira prosódica a serem observados antes de falar conteúdo de um elemento 3
voice-balance Especifica o equilíbrio entre os canais esquerdo e direito 3
voice-duration Especifica quanto tempo deve demorar para processar o conteúdo do elemento selecionado 3
voice-pitch Especifica o pitch média (a frequency) da voz falando 3
voice-pitch-range Especifica a variação de tom médio 3
voice-rate Controla a velocidade da fala 3
voice-stress Indica a força da ênfase a ser aplicada 3
voice-volume Refere-se a amplitude da forma de onda de saída pelos sintetiza fala 3

Propriedades do letreiro digital

Propriedade Descrição CSS
marquee-direction Define a direcção do movimento conteúdo 3
marquee-play-count Define quantas vezes a mover conteúdo 3
marquee-speed Define o quão rápido os pergaminhos de conteúdo 3
marquee-style Define o estilo do conteúdo em movimento 3