Caixa e fronteiriças propriedades de folhas de estilo em cascata (css)

Com as propriedades de caixa, você pode posicionar objetos estilo em qualquer lugar em uma janela do navegador, a posição de objetos em relação a outros objetos na página, e aplicar as regras de preenchimento e estilo caixa de margem seletivamente a qualquer um ou todos os quatro lados do objeto de estilo, tais como esquerda e inferior ou superior, esquerda e direita.

Ao denominar menos do que todos os quatro lados, não se esqueça de adicionar 0 Os valores para os lados, que não deve conter valores, ao invés de deixá-los em branco.

largura/altura: Use o largura e altura atributos para definir as dimensões de um objecto ou de recipiente, tal como uma tabela, célula da tabela, ou camada. Defina os atributos para auto para forçar o tamanho do objecto a coincidir com o conteúdo do objecto, ou introduzir qualquer valor, positivo ou negativo, em px (píxeis), pc (Picas), pt (pontos), dentro (polegadas), milímetros (milímetros), cm (centímetros), em (EMS), ex (Exs), ou % (percentagem).

#rings {altura: largura auto: 475px; }

flutuador: Use este estilo para controlar o lado (esquerda, certo, ou Nenhum), No qual outros objetos irá flutuar em torno do objeto de estilo.

.saleitems {float: right; }

Claro: Muitas vezes usado em conjugação com o flutuador propriedade, este atributo de estilo controla se outros objetos podem aparecer ao lado do objeto de estilo. Variáveis ​​para esse atributo incluem esquerda, certo, ambos, e Nenhum. Por exemplo, quando uma camada aparece no lado de um objecto com o Claro lado especificado, esse objecto é batido para a área por baixo da camada.

.notícias {clear: both-}

preenchimento: Esta propriedade é como a margem, apenas com estofamento você aplicar espaço extra entre o objeto denominado e qualquer fronteira em torno dela, como acontece com uma frase ou uma palavra dentro de uma célula da tabela. Defina o tamanho do preenchimento à esquerda, direita, superior e / ou laterais, inferior usando qualquer valor, positivo ou negativo, na px (píxeis), pc (Picas), pt (pontos), dentro (polegadas), milímetros (milímetros), cm (centímetros), em (EMS), ex (Exs), ou % (percentagem).

Quando tamanhos uniforme são aplicados a todos os quatro lados do objecto, denominado apenas um valor, como em padding: 10px;, precisa ser listado na declaração. Caso contrário, especifique os valores para todos os quatro lados:

.sidebarimage {padding: 10px 0px 10px 0px; }

margem: Use o margem propriedade para adicionar ou subtrair espaço adicional entre a aresta principal (ou contentor principal) e o objecto a ser denominado, tais como a área em torno de uma palavra ou camada. Definir o tamanho da margem da esquerda, direita, superior e / ou laterais, inferior utilizando qualquer valor, positivo ou negativo, em px (píxeis), pc (Picas), pt (pontos), dentro (polegadas), milímetros (milímetros), cm (centímetros), em (EMS), ex (Exs), ou % (percentagem).

Você também pode usar o auto valor em ambos os lados de um objecto denominado para centrar o objecto dentro do seu contentor principal. Quando os valores uniformes são aplicadas a todos os quatro lados, apenas um valor precisa ser listado na declaração. Caso contrário, especifique os valores para todos os quatro lados:

#contact {margin: 0px 0px auto auto}

propriedades de fronteira definir a cor, estilo e largura das bordas ao redor de qualquer objeto de estilo. Porque as fronteiras pode ir em todos os quatro lados de um objeto, cada lado pode ter totalmente diferentes atributos de fronteira! Para melhores resultados, como com margens e preenchimento, certifique-se de adicionar um 0 ou Nenhum a qualquer propriedade lado não ser denominado:

.TableCell {border-top: 0px none; border-right: 2px pontilhada # 069-border-bottom: 1px solid # 09C-border-left: 2px pontilhada # 069-}

estilo: Você pode especificar as fronteiras em qualquer um dos seguintes estilos: sólido, pontilhado, tracejadas, Duplo, sulco, cume, inserir, início, ou Nenhum. Estilo deve ser especificado em conjunto com a cor e largura.

.TableCell {border: 2px tracejadas # 330066-}

largura: Você pode definir opções para a espessura da borda de fino, médio, ou Grosso. Ou, para medições mais precisas, usar como qualquer valor px (píxeis), pc (Picas), pt (pontos), dentro (polegadas), milímetros (milímetros), cm (centímetros), em (EMS), ex (Exs), ou % (Percentagem. Especificar a largura junto com o estilo de cor e fronteira.

.TableCell {border: 1px pontilhada # 660033-}

cor: Para colorir o atributo fronteira, especifique o valor hexadecimal da cor desejada e não se esqueça de incluir o símbolo de número (#) Antes de o valor hexadecimal. Também incluem um tipo de estilo e largura para a fronteira.

.TableCell {fronteira: sólido 5px # 003366- }