Aula 09 CSS Folhas De Estilos Em Cascata

APLICAÇÕES PARA
INTERNET
Aula 09

Almir Silva de Oliveira

Sumário




Definição de Margens
Definição de Bordas
Definição de espaçamentos

Definição de Margens
3





A propriedade para margens, define um valor para espessura das margens dos elementos
HTML.
As propriedades para margens são as listadas abaixo: 







margin-top: define a margem superior; margin-right: define a margem direita; margin-bottom: define a margem inferior; margin-left: define a margem esquerda; margin: maneira abreviada para todas as margens.

As propriedades utilizam unidades de medidas reconhecidas pelos CSS:


px, pt, em, cm e %.

Definição de Bordas
4





As propriedades para as bordas, definem as características (os valores na regra CSS) das quatro bordas de um elemento HTML.
As propriedades para as bordas são as listadas abaixo: 









border: define de forma abreviada todas as propriedades das quatro bordas; border-top: define de forma abreviada todas as propriedades da borda superior; border-right: define de forma abreviada todas as propriedades da borda direita; border-bottom: define de forma abreviada todas as propriedades da borda inferior; border-left: define de forma abreviada todas as propriedades da borda esquerda.

Definição de Bordas
5



As propriedades abaixo definem de maneira particular a espessura, estilo e cor da borda do elemento estilizado:






border-width: propriedade CSS que define a espessura da borda; border-style: propriedade CSS que define o estilo da borda; border-color: propriedade CSS que define a cor da borda;

Definição de Bordas
6



Em casos mais específicos, podemos aplicar as propriedades border-width, borderstyle e border-color para estilizar uma determinada borda do elemento:


Propriedades CSS que definem espessura, estilo e cor da borda de acordo com sua posição:
 border-[top|right|bottom|left]-width


Define espessura da borda

 border-[top|right|bottom|left]-style


Define estilo da borda

