Je pense que vous avez le même soucis que moi … comment faire des conteneurs CSS avec les coins arrondis ? non ?
Bon si c’est oui
! J’ai la solution ! Et la solution c’est la propriété moz !
Voici les propriétées CSS :
#content{
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-topleft: 20px;
width:100px;
background-color:#FDD99B;
border-color:#D9BB7A;
border-style:solid;
border-width:1px 5px 5px 1px;
padding:1ex 1ex 1ex 1ex;
text-align:justify;
vertical-align:middle;
}
Et voila, un joli petit effet à la Ubuntu !
Attention cette propriété est uniquement compatible avec Firefox (ou autre navigateur qui respecte les normes w3c )
« CSS et la propriété focus | Bienvenue sur mon nouveau blog »
Aucun trackback
5 commentaires
David
3 mars 2008 à 20:10
1Attention à ne pas dire de bêtises! :-p
La propriété moz n’existe pas, c’est border-radius précédé du préfixe du fabriquant.
Les standards demandent que les fonctions propre à un navigateur soit précédé d’un identifiant:
-moz- pour Mozilla,
-o- pour Opera,
mso- pour MS (Créé avant que le Groupe de Travail CSS2.1 n’ait établi une convention de nommage pour ces extensions.)
Donc les différentes propriétés CSS spécifiques à Mozilla sont toutes précédées de -moz-. Généralement ce sont des propriétés CSS3 pour lesquelles les développeurs ont pris de l’avance. En CSS 3 on aura border-radius directement par exemple.
Il y en a comme opacity qui fonctionne avec ou sans le préfixe. En voici qq autres: http://www.geckozone.org/IMG/stylecssgecko_exemples.html
Dator
3 mars 2008 à 20:41
2Pas de soucis pour le spam, Merci pour cette précision ! Bonne continuation
a bientôt
Maxime
5 mars 2008 à 11:09
3Je viens de tester ça fonctionne parfaitement sous Firefox
. Simple d’utilisation et très pratique. Merci Dator
micka39
28 août 2008 à 5:17
4Je viens de découvrir le blog et je le trouve particulièrement intéressant .
Par contre je trouve dommage que ce bout de code ne fonctionne pas avec Safari ou sinon quel est le préfix à mettre à la place de -moz ?
Dator
28 août 2008 à 9:11
5@micka39: Merci à toi de visiter dator.fr !
Alors pour résoudre ton problème , il faut utiliser :
-khtml-border-radius ou -webkit-border-radius pour Konqueror ou Safari.
Voila !
Laisser un commentaire
Devenir Fan de Dator.fr
Nuage de tags
Sponsors
Blogoliste
Blogs Amis
Derniers Posts
Derniers Commentaires
Les meilleurs sujets
Propulsé par WordPress