Propriedades CSS3
Algumas propriedades CSS3 raramente são utilizado- muitos outros são usados com frequência suficiente para que os desenvolvedores devem saber sobre eles. Propriedades e seus valores associados formam a base da formatação você realiza utilizando CSS3. Aqui está uma lista das propriedades que você vai encontrar-se usando na maioria das vezes quando se trabalha com CSS3:
fundo: Define o conteúdo para o fundo de um elemento. O valor para essa propriedade é muitas vezes uma função, tal como linear de gradiente ().
background-attachment: Especifica como uma imagem interage com o resto de um elemento. Você usa as seguintes palavras-chave para configurar essa propriedade: rolagem, fixo, e local.
cor de fundo: Especifica a cor de uma entidade de fundo, tais como a cor da página subjacente. Você pode usar uma dessas técnicas para definir a cor de fundo: o valor hexadecimal, nome de cor, rgb () função, rgba () função, hsl () função ou HSLA () função.
imagem de fundo: Fornece a localização de um recurso a ser usado como o gráfico para o fundo de um elemento. Você usa o url () funcionar para especificar a localização.
fundo de repetição: Permite que a imagem de fundo para repetir ou não repetir (usando a palavra chave não-repetição), conforme necessário. Você também pode optar por repetir a imagem apenas o horizontal (repetir-X) Ou vertical (repetir-y) direções.
background-size: Determina o tamanho da imagem de fundo como um valor absoluto ou uma porcentagem.
fronteira: Define o tipo de borda para criar, especificando uma das seguintes palavras-chave: Nenhum, escondido, pontilhado, tracejadas, sólido, duplo, sulco, cume, inserir, início, ou herdar. Também é possível alterar individualmente o estilo de cada lado de uma fronteira usando o border-bottom-style, border-left; estilo, border-right; estilo, e border-top-style propriedades.
Cor da borda: Especifica a cor da borda em torno de uma entidade. Você pode usar uma dessas técnicas para definir a cor de fundo: o valor hexadecimal, nome de cor, rgb () função, rgba () função, hsl () função ou HSLA () função.
border-image: Define uma imagem para usar o conteúdo de fronteira, em vez de um tipo de linha. Você normalmente usa o url () função para especificar o valor da propriedade.
border-radius: Determina se os cantos de uma fronteira são arredondados e a quantidade de arredondamento. Ao criar um canto arredondado, você especificar a quantidade de arredondamento. Para remover um canto arredondado, utilizar o Nenhum palavra-chave.
border-width: Determinar a espessura da borda em torno de um elemento. Você pode definir a largura da borda usando uma palavra-chave (médio, Grosso, ou fino) Ou uma medição real.
coluna de contagem: Especifica o número de colunas para criar. A largura das colunas varia automaticamente como o usuário redimensionar a janela de navegador (ou o navegador exibirá uma barra de deslocamento horizontal para permitir a rolar ao longo das colunas quando uma largura específica é definida como bem).
coluna de enchimento: Determina como o navegador preenche as colunas (ou enchendo uma coluna de cada vez ou enchendo todas as colunas simultaneamente com uma quantidade ainda de conteúdos).
column-gap: Cria uma lacuna entre as colunas para torná-lo mais fácil de determinar uma coluna onde termina e começa outra.
coluna da regra: Cria uma regra entre as colunas de modo que o usuário pode ver um separador físico. Esta propriedade consiste em cor, estilo, e largura.
coluna da regra-color: Determina com a cor da regra utilizada entre as colunas.
coluna da regra de estilo: Determina o estilo da regra utilizada entre as colunas.
coluna da regra de largura: Determina a largura da regra utilizada entre as colunas.
coluna-span: Especifica o número de colunas que um objeto pode atingir.
largura da coluna: Especifica a largura da coluna.
colunas: Fornece um método taquigráfico para definir tanto o coluna de contagem e largura da coluna propriedades.
cor: Especifica a cor de primeiro plano de uma entidade, como texto. Você pode usar uma dessas técnicas para definir a cor: valor hexadecimal, nome de cor, rgb () função, rgba () função, hsl () função ou HSLA () função.
conteúdo: Emite o texto ou outro recurso especificado como parte da apresentação elemento. Esta propriedade é muitas vezes usado para executar tarefas como a adição de setas para elementos visuais. Você especifica o valor usando o url () função, número de caracteres Unicode precedido por uma barra invertida (como 27A8), ou uma palavra-chave.
exibição: Especifica a forma de apresentar determinados tipos de elementos na página. Você pode usar qualquer uma das seguintes palavras-chave para definir o tipo de exibição: Nenhum, caixa (ou flex-box), quadra, flexionar, na linha, inline-block, inline-Flex, inline-table, list-item, mesa, table-caption, tabela de células, tabela de coluna, table-column-grupo, table-footer-grupo, table-header-group, table-row, ou table-row-group.
flutuador: Permite uma imagem para flutuar na direcção especificada. Você define essa propriedade usando as seguintes palavras-chave: esquerda, certo, ou Nenhum.
família de fontes: Define o nome da fonte. Três são três classificações de fonte normalmente usado como parte de CSS (e a maioria das páginas CSS usar todos os três, a menos que você também especificar o src propriedade): específico, Safe web, e genérico.
tamanho da fonte: Determina o tamanho da fonte quando comparado a outras fontes na página ou fornece um tamanho de fonte específico. Você pode usar uma dessas técnicas para definir o tamanho da fonte: tamanho específico, palavra-chave (como grande ou maior), E porcentagem.
estilo de fonte: Determina o estilo da fonte que o navegador cria. O navegador deve suportar o estilo e tipo de letra deve fornecer o estilo para que essa propriedade tenha efeito. As palavras-chave de estilo de fonte são: normal, itálico, oblíquo (Normalmente uma forte itálico), e herdar.
font-variant: Especifica se a fonte deve ser apresentada de uma forma variante. Nem todos os navegadores e fontes suportam esta funcionalidade. As palavras-chave para essa propriedade são normal, small-caps, e herdar.
font-weight: Determina a escuridão relativa da fonte e a largura de seus cursos. Existem dois métodos para definir a espessura da fonte: numérica e palavra-chave (como negrito).
altura: Indica que o tamanho vertical de um elemento.
esquerda: Indica o local mais à esquerda de um elemento em uma página.
list-style: Define a aparência de um elemento da lista. É possível definir o tipo de marcadores a usar, a posição dos marcadores, e se os marcadores são efectivamente criada usando imagens, em vez de caracteres convencionais.
margem: Especifica a quantidade de espaço entre a borda de um elemento e a margem de um outro elemento.
margin-bottom: Indica a localização na extremidade inferior de uma margem de elemento de uma página.
margin-left: Indica o local mais à esquerda de uma margem de elemento de uma página.
margin-top: Indica o local mais alto de uma margem de elemento de uma página.
preenchimento: Especifica a quantidade de espaço entre a borda de um elemento e o conteúdo dentro do elemento.
posição: Indica a colocação de elementos em uma página. Você especificar o posicionamento usando essas palavras-chave: estático (Os elementos são fluiu), absoluto (Os elementos aparecem em um local específico, mesmo que tal colocação iria substituir um outro elemento), fixo (Os elementos são colocados em relação à janela de navegador), ou relativo (Os elementos são colocados em relação a elementos pai).
text-align: Especifica o posicionamento do texto numa linha. Você especificar o alinhamento usando o justificar, certo, centro, e esquerda palavras-chave.
text-decoration: Define a adição de uma característica, como sublinhado, linha superior, ou na linha de passagem para a fonte. Esta propriedade funciona em qualquer lugar, de modo que você não precisa se preocupar se alguém visualizar a página em uma televisão ou usando um smartphone vai chegar a sua mensagem.
text-estouro: Define a ação que ocorrerá quando o texto ultrapassa a caixa utilizada para contê-lo. Os valores aceitáveis são: grampo, elipses, ou um valor de cadeia que você fornecer.
text-shadow: Exibe uma sombra dos personagens alvo na mesma largura que o personagem alvo. O posicionamento, a força e a cor da sombra são determinados pelas seguintes propriedades: h-sombra (Determina o posicionamento horizontal da sombra), v-sombra (Determina o posicionamento vertical da sombra), borrão (Especifica a clareza do texto da sombra), e cor (Define a cor do contorno).
visibilidade: Especifica o nível de visibilidade para um elemento. Você usa as seguintes palavras-chave para configurar essa propriedade: visível, escondido, ou colapso.
largura: Indica o tamanho horizontal de um elemento.
palavra-break: Determina como o texto é envolvido dentro de uma caixa contendo quando se trabalha com um CJK não-idioma (Japonês Coreano Chinês). Os valores aceitáveis são: normal, quebre tudo, e empregar hífen.
word-wrap: Determina como o texto está quebrado e, em seguida, embrulhado para a próxima linha em uma caixa contendo quando se trabalha com uma linguagem não-CJK. Os valores aceitáveis são: normal e break-palavra.