Propriedades css3

Video: Curso CSS ( Aula 15 ) - Posicionando Elementos [Propriedade POSITION]-Parte-1.wmv

Algumas propriedades CSS3 raramente são utilizado- muitos outros são usados ​​com freqüência suficiente para que os desenvolvedores devem saber sobre eles. Propriedades e seus valores associados formam a base da formatação que você executar usando 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, como Gradiente linear().

• background-attachment: Especifica como uma imagem interage com o resto de um elemento. Você usa as seguintes palavras-chave para configurar esta propriedade: rolagem, fixo, e local.

• cor de fundo: Especifica a cor de uma entidade de fundo como a cor da página subjacente. Você pode usar uma dessas técnicas para definir a cor de fundo: valor hexadecimal, nome da cor, RGB () função, rgba () função, HSL () função, ou HSLA () função.

• imagem de fundo: Fornece a localização de um recurso para usar como o gráfico para o fundo de um elemento. Você usa o url () funcionar para especificar o local.

• fundo de repetição: Permite que a imagem de fundo para repetir ou não repetir (usando a palavra-chave no-repeat), conforme necessário. Você também pode optar por repetir a imagem apenas o horizontal (repeat-x) Ou vertical (repetir-y) instruções.

• background-size: Determina o tamanho da imagem de fundo como um valor absoluto ou uma porcentagem.

  Video: Curso Básico HTML5 + CSS3: Propriedades de Texto - Parte 1 #19

• fronteira: Define o tipo de fronteira para criar especificando um dos 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: valor hexadecimal, nome da cor, RGB () função, rgba () função, HSL () função, ou HSLA () função.

• border-image: Define uma imagem para usar pelo conteúdo fronteira, em vez de um tipo de linha. Você normalmente usa o url () função para especificar o valor dessa propriedade.

• fronteira-raio: 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, use o Nenhum palavra-chave.

• fronteira de largura: 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 redimensiona a janela do navegador (ou o navegador exibe uma barra de rolagem horizontal para torná-lo possível para se deslocar ao longo das colunas quando uma largura específica é definida como bem).

• coluna de enchimento: Determina como o navegador enche as colunas (ou enchendo uma coluna de cada vez ou enchendo todas as colunas simultaneamente com uma quantidade ainda de conteúdo).

• coluna de fenda: Cria uma lacuna entre as colunas para torná-lo mais fácil de determinar em que uma coluna 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 do vão: Especifica o número de colunas que um objecto pode abrangem.

  Video: Curso Básico HTML5 + CSS3: Propriedades Float e Clear #22

• largura da coluna: Especifica uma largura da coluna.

• colunas: Fornece um método abreviado para definir tanto a 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 da 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, o número de caracteres Unicode precedida por uma barra invertida (tal como 27A8), ou uma palavra-chave.

• 
  
  
  

  exibição: Especifica como apresentar certos tipos de elementos na página. Você pode usar qualquer um dos seguintes palavras-chave para definir o tipo de exibição: Nenhum, caixa (ou flex-caixa), quadra, flexionar, na linha, inline-bloco, inline-Flex, inline-mesa, list-item, mesa, tabela-subtítulo, tabela de células, tabela de coluna, tabela de coluna-grupo, table-footer-group, tabela-cabeçalho-grupo, linha da tabela, ou tabela-linha-grupo.

• flutuador: Permite uma imagem para flutuar na direçã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 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 ampla ou maior), E percentagem.

• estilo de fonte: Determina o estilo da fonte que o navegador cria. O navegador deve suportar o estilo ea fonte 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-variante: Especifica se a fonte deve ser apresentada de forma variante. Nem todos os navegadores e fontes suportam esta funcionalidade. As palavras-chave para essa propriedade são normal, small-caps, e herdar.

• espessura da FONTE: Determina a escuridão relativa da fonte e a largura de seus cursos. Existem dois métodos para definir a espessura da fonte: numérico e palavra-chave (por exemplo, negrito).

• altura: Indica 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. Você pode definir o tipo de marcadores de usar, a posição dos marcadores, e se os marcadores são realmente criado usando imagens, em vez de caracteres padrão.

  Video: Curso Básico HTML5 + CSS3: Propriedades Box-shadow e Border-radius em CSS3 #18

• margem: Especifica a quantidade de espaço entre a borda de um elemento e a margem de um outro elemento.

• -margem inferior: Indica a localização na extremidade inferior de uma margem de elemento em uma página.

• -margem esquerda: Indica o local mais à esquerda de uma margem elemento em uma página.

• margem superior-: Indica o local mais alto da margem elemento em uma página.

• preenchimento: Especifica a quantidade de espaço entre a borda de um elemento e o conteúdo no interior do elemento.

• posição: Indica a colocação de elementos em uma página. Você especifica a colocação 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 aos elementos pai).

• alinhamento de texto: Especifica o posicionamento do texto em uma 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 todos os lugares, para que você não precisa se preocupar se alguém visualizar sua página em uma televisão ou usando um smartphone vai chegar a sua mensagem.

• texto de estouro: Define a ação que ocorrerá quando o texto transborda a caixa utilizada para contê-lo. Os valores aceitáveis ​​são: grampo, elipses, ou um valor de string 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 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 esta propriedade: visível, escondido, ou colapso.

• largura: Indica o tamanho horizontal de um elemento.

• palavra-break: Determina como o texto é embrulhado 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.

• quebra de linha: 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.