As diversas propriedades em CSS3

Faça uma pergunta



Muitas novas características são inventadas para o CSS3 ; eu vou apresentar essas novas propriedades.
Atenção, o Internet Explorer (otimizado pelo CCM) só interpreta o CSS3 a partir da sua Versão 9.

Aqui, eu vou utilizar o prefixo -moz- para o "Mozilla Firefox"

Bordas


O W3C permite realizar novas ações sobre as margens:

Bordas com cor derretida


Com a propriedade -moz-border-colors: você pode, portanto, criar bordas de várias cores (para fazer um degradê, por exemplo).

A propriedade também pode ser usada assim: -moz-borders-top-color: (que borda adicionar, que top, que bottom, esquerda, direita)

#mondiv {    
border:8px solid #000000;        
-moz-border-colors : #CC0000 #BB0000 #AA0000 #990000 #880000 #770000 #660000 #550000;        
padding: 5px ;        
}        


Em imagem:

Bordas com imagens


Com o CSS3, é possível, graças a uma imagem, fazer um corte pré-definido na propriedade escolhida.

As duas propriedades:

border-image :
border-top-image
border-right-image
border-bottom-image
border-left-image


border-corner-image :
border-top-left-image
border-top-right-image
border-bottom-left-image
border-bottom-right-image


#mon-div {  
border-image: url(border.png) 27 27 27 27 round round;  
}  


Em imagem:


  
#mon_div {  
border-image: url(border.png) 27 27 27 27 stretch stretch;  
} 


Arredondar o canto das bordas


A propriedade CSS3 border-radius permite que os desenvolvedores da Web utilizem, com facilidade, cantos arredondados em seus elementos de design, sem precisar de imagens de canto ou de utilizar balizas div múltiplas e, talvez, um dos aspectos mais comentados da CSS3.


#conteúdo{ 
-moz-border-radius: 15px; /* Prefixo Moz para Mozilla  (não válido W3C)*/ 
border-radius: 15px; /* Nenhum prefixo para os navegadores que incluem a propriedade sem prefixo (valide W3C) */ 
}  


Source (En)

Article en cours d 'édition


Jean-François Pillou

Nosso conteúdo é produzido em colaboração com especialistas em tecnologia da informação sob o comando de Jean-François Pillou, fundador do CCM.net e diretor digital do Grupo Figaro. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.

Mais informações sobre a equipe do CCM