Alors que l'élaboration des spécifications du standard CSS3 (dont le développement a débuté en 1999) arrive tout doucement à son terme, nous allons faire un rapide tour d'horizon des nouvelles propriétés intégrées et découvrir ce que CSS3 va concrètement apporter aux webdesigners.
Le moteur de rendu Webkit (utilisé par Chrome, Epiphany-webkit ou Safari) implémente aujourd'hui certaines spécifications de CSS3, mais ces propriétés sont alors préfixées de -webkit-. De même, pour les navigateurs Mozilla, il faudra les préfixer de -moz-.
1. Les bordures
Parmi les nouvelles options proposées par CSS3, commençons par la propriété border-radius qui, comme son nom l'indique, permet d'obtenir un conteneur aux coins arrondis (Fig. 1). Bien entendu, il est possible de définir le rayon de chaque coin du conteneur indépendamment via les propriétés : -moz-border-radius-topleft (ou -webkit-border-top-left-radius), -moz-border-radius-topright (ou -webkit-border-top-right-radius), etc.
La propriété border-color permet de créer des bordures colorées en appliquant un dégradé...
- Accédez à tous les contenus de Connect en illimité
- Découvrez des listes de lecture et des contenus Premium
- Consultez les nouveaux articles en avant-première