Bordas, caixa de diálogo estilo construtor
The Bordas página de do Construtor de estilo caixa de diálogo possibilita definir atributos de estilo em cascata de folha de estilos em cascata (CSS) de estilo que determinam a borda e as margens para a área ao redor de um elemento HTML.Você pode aplicar esses atributos diretamente aos elementos HTML ou adicioná-los a regras de estilo CSS.
Para aplicar bordas atributos diretamente a um elemento HTML em sua página
Abra seu documento HTML no modo de exibição de Design do HTML Designer e use a janela Document estrutura de tópicos para selecionar um elemento para formatar.
clicar Estilo on the Formato menu para em em aberto o Construtor de estilo caixa de diálogo.
clicar Bordas no painel esquerdo do Construtor de estilo caixa de diálogo.
The Bordas, estilo construtorcaixa de diálogo aparece no painel direito.
Quando formatar elementos selecionados no modo de modo de exibição de Design, os atributos de estilo CSS são inserido embutido em marcação HTML da sua página.Alterne para o modo de exibição HTML para revisar os atributos de estilo CSS novos inseridos.
Para adicionar atributos de borda a um estilo CSS definido em uma folha de estilos externo
Abra um existente folha de estilos externo e coloque o ponto de inserção entre chaves curvas ({}) que seguem o seletor para o estilo desejado.
clicar Criar estilo on the Estilos menu para em em aberto o Construtor de estilo caixa de diálogo.
clicar Bordas no painel esquerdo do Construtor de estilo caixa de diálogo.
The Bordas, estilo construtorcaixa de diálogo aparece no painel direito.
Observação: |
---|
O Estilos menu aparece quando você abre uma folha de estilos CSS externa para edição.Sobre o Estilos menu, the Criar estilo opção fica disponível quando você coloca o ponto de inserção dentro de chaves que seguem o seletor para uma regra de estilo. |
Uma classe de estilo CSS definida em uma folha de estilos externo pode ser aplicada a maioria dos elementos dentro de <BODY> elemento de uma página da Web atribuindo o seletor de estilo CSS sistema autônomo o CLASS propriedade do elemento.
Opções disponível na Margens página de do Construtor de estilocaixa de diálogo incluem o seguinte.
Tarefas
Demonstra Passo a passo: Edição no Visual Web Developer de HTML básica
Demonstra Passo a passo: Criando e modificando um arquivo CSS
Elementos da Interface do Usuário
Margins
Define os atributos que controle a distância entre a área retangular que envolve um elemento e outros elementos.Insira valores em um ou mais dos campos (Parte superior, Parte inferior, À esquerda, or Right) e selecionar uma opção de unidade: px (padrão), pt, PC, mm, cm, em, em, ex, ou %.Por exemplo, se você digitar 50 na Parte superior and Parte inferior campos e, em seguida, aceite a opção de unidade padrão, a seguinte marcação CSS é inserida:
MARGIN-TOP: 50px; margin-bottom:50px
Observação: |
---|
Valores de margem podem ser positivas ou negativas. |
Enchimento
Define os atributos que controlam a quantidade de espaço entre um elemento e sua margem ou entre um elemento e sua borda se o objeto tiver uma borda.Insira valores em um ou mais dos campos (Parte superior, Parte inferior, À esquerda, or À direita) e selecionar uma opção de unidade: px (padrão), pt, PC, mm, cm, em, em, ex, ou %.Por exemplo, se você digitar 50 na Parte superior and Parte inferior campos e aceitar a opção de unidade padrão, a seguinte marcação CSS é inserida:
PADDING-TOP: 50px; PADDING-BOTTOM:50px
Observação: |
---|
Valores de preenchimento deve ser positivo. |
Bordas
Os seguintes atributos de controle na borda da área retangular que envolve um elemento.
selecionar a borda a ser alterada
Define a borda de borda a ser formatado.selecionar Todos os, Parte superior, Parte inferior, À esquerda, or À direita.Código não será adicionado ao estilo até que você selecionar um estilo de borda.Style
Define o estilo para aplicar a borda especificada.selecionar Não conjunto >, Nenhum, Linha sólida, Linha dupla, Groove, Ressalto, Baixo-relevo, or Alto relevo.Por exemplo, se você selecionar Parte superior e borda selecionadaLinha sólida sistema autônomo o estilo, o código a seguir é adicionado:BORDER-TOP-STYLE:solid
Width
Define a largura da borda especificada.selecionar Não conjunto > (nenhum opção escolhida), Fino, meio, Espesso, or Personalizado.Se você selecionar Personalizado, campos adjacentes estão disponível em que você insira um número e selecione uma opção de unidade: px (padrão), pt, PC, mm, cm, em, em, ex, ou %.Por exemplo, se você selecionar Parte superior sistema autônomo borda selecionada, Linha sólida sistema autônomo o estilo e Personalizado sistema autônomo a largura, digite 50 no campo; e, em seguida, aceite a opção de unidade padrão, o seguinte código é adicionado:BORDER-TOP:50px solid
Color
Define a cor da borda selecionada no estilo.selecionar uma cor na lista suspensa ou escolher o botão de reticências (...) para em em aberto o Seletor de cores caixa de diálogo e selecionadas cores adicionais.Por exemplo, se você selecionar Parte superior sistema autônomo borda selecionada, Linha sólida sistema autônomo o estilo e Azul sistema autônomo cor, o seguinte código é adicionado:BORDER-TOP:blue solid
Consulte também
Conceitos
Trabalhando com CSS: Uma visão geral
Referência
Plano de fundo, caixa de diálogo estilo construtor
Fonte, a caixa de diálogo estilo construtor
Texto, caixa de diálogo estilo construtor
Posição, a caixa de diálogo estilo construtor
Layout, caixa de diálogo estilo construtor
Listas de estilo construtor dialog box