Video: Bordas de Elementos - Curso CSS e Dreamweaver - Parte 3

Tempo: 17 min 

Resumo: Vamos iniciar os nossos estudos efetivos a respeito de CSS3. Nesta aula, iremos explanar sobre bordas de elementos. Vamos aprender as facilidades do CSS3 em trabalhar com o elemento border-colors que nos possibilita criar efeitos mais elaborados para nossos elementos onde podemos criar camadas de bordas. Em nossos exemplos, procuramos criar um catálogo de funções de CSS3 para utilizar futuramente, sendo assim iniciaremos nosso primeiro arquivo de exemplo, onde abordaremos elementos do tipo –moz-border-colors. Neste exemplo, vamos construir um elemento DIV e criar uma classe para demonstrar a utilização destas propriedades.

Metodologia de desenvolvimento do exemplo: CSS define a forma como os elementos são apresentados na tela. CSS não é necessariamente uma linguagem de programação, mas sim uma especificação criada pela W3C e, através desta especificação, conseguimos definir as propriedades visuais de diversos elementos, inclusive sendo esta uma boa prática de desenvolvimento. CSS3 estende essa especificação  criando novas propriedades e trazendo maior facilidade de desenvolvimento para sites e sistemas, mas, estas novas propriedades, no momento, não são suportadas por todos os browsers do mercado.

Tecnologias utilizadas: CSS3 e Adobe Dreamweaver CS4 

Exemplos construídos: Criação da página de referência ao elemento Border-colors.

Palavras-chave: CSS3, classes, border-colors, -moz-border-top-colors, -moz-border-bottom-colors, -moz-border-left-colors, -moz-border-right-colors