[Article] Les bordures en CSS3

Torgar · 14/09/2012, 16h29

Je vous propose aujourd'hui un petit article sur les bordures en CSS3 : Les bordures en CSS3.

N'hésitez pas à faire part de vos remarques, commentaires ou propositions d'améliorations !

Les bordures en CSS3

FirePrawn · 14/09/2012, 16h36

Super article encore une fois

NoSmoking · 14/09/2012, 18h29

Bonjour,
non d'un chien il a mangé quoi notre torgar, encore un excellent article qui part tout droit dans les favoris.

Torgar · 14/09/2012, 23h58

Citation:

Envoyé par NoSmoking

Bonjour,
non d'un chien il a mangé quoi notre torgar, encore un excellent article qui part tout droit dans les favoris.

Beh rien de spécial, je suis omnivore ^^ Merci pour le message en tout cas. J'ai un autre gâteau dans le four, j'espère qu'il séduira aussi

Muchos · 15/09/2012, 00h20

Merci pour ce tuto !

Les propriétés 'border-radius' et 'box-shadow' étaient très attendues et sont déjà très utilisées, mais je me demande si la mode des modèles de boîtes plates et carrées ne va pas freiner un peu leur usage…

Torgar · 15/09/2012, 00h29

À quoi penses-tu exactement ? À la nouvelle interface Windows 8 UI ?

Muchos · 15/09/2012, 00h43

Tout à fait ! Ce genre de rendu me semble très à la mode.

NoSmoking · 16/09/2012, 22h11

juste comme cela en passant, l'API googleMap a abandonné les arrondis des infowindow pour revenir à de bon vieux rectangle il y a un peu moins d'un an avec sa version 3.7.

Darathor · 19/09/2012, 09h49

Il me semble qu'il y a une petite incohérence :

Citation:

Grâce à la version trois de CSS, il est possible d'avoir des dégradés de couleurs dans nos bordures. Actuellement, seul Firefox l'a implémenté. L'utilisation du préfixe -moz est donc obligatoire.

Voici la syntaxe de border-color : [ <color> || transparent ]{1,4} | inherit

Sa compatibilité : IE 5+, Firefox 1+, Safari 1+, Opera 6+, Chrome 0.2+

Torgar · 19/09/2012, 10h03

La propriété border-color est disponible depuis la version 1 de CSS et est comprise par les versions des navigateurs cités.

Quand je dis que seul Firefox l’implémente, je parle du dégradé de couleur.

Je vais reformuler afin que cela soit plus clair.

14/09/2012, 16h29	#1
Torgar Rédacteur/Modérateur Jérémy .B. Développeur Web Inscription : août 2007 Messages : 1 774 Détails du profil Informations personnelles : Nom : Jérémy .B. Âge : 27 Localisation : France, Gard (Languedoc Roussillon) Informations professionnelles : Activité : Développeur Web Secteur : Industrie Informations forums : Inscription : août 2007 Messages : 1 774 Points : 7 045 Points : 7 045	Les bordures en CSS3 Je vous propose aujourd'hui un petit article sur les bordures en CSS3 : Les bordures en CSS3. N'hésitez pas à faire part de vos remarques, commentaires ou propositions d'améliorations ! Les bordures en CSS3 __________________ Je ne suis pas schizophrène, nous sommes unanime !!! ► Pensez à la balise code, au si c'est le cas et au à ceux qui vous ont aidé. ► Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous ! Créer des colonnes de même hauteur en CSS Glossaire CSS Les bordures en CSS3 Les transitions en CSS3
	90

14/09/2012, 16h36	#2
FirePrawn Responsable (X)HTML/CSS Sébastien Germez Ingénieur réalisateur Inscription : mars 2011 Messages : 2 646 Détails du profil Informations personnelles : Nom : Sébastien Germez Âge : 25 Localisation : France, Haut Rhin (Alsace) Informations professionnelles : Activité : Ingénieur réalisateur Secteur : Industrie Informations forums : Inscription : mars 2011 Messages : 2 646 Points : 20 628 Points : 20 628	Super article encore une fois __________________ Vous souhaitez participer à la rubrique (X)HTML/CSS, contactez-moi ! Avant toute chose : lire le mode d'emploi du forum et ses règles. Je ne réponds pas aux questions techniques en MP.
	10

15/09/2012, 00h20	#5
Muchos Membre Expert Jonathan Renoult Étudiant Inscription : décembre 2011 Messages : 884 Détails du profil Informations personnelles : Nom : Jonathan Renoult Âge : 27 Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : Étudiant Secteur : Arts - Culture Informations forums : Inscription : décembre 2011 Messages : 884 Points : 1 870 Points : 1 870	Merci pour ce tuto ! Les propriétés 'border-radius' et 'box-shadow' étaient très attendues et sont déjà très utilisées, mais je me demande si la mode des modèles de boîtes plates et carrées ne va pas freiner un peu leur usage… __________________ Pour être aidé, donnez vos codes source svp ! ( balise # ) - - - Debug the Web together!
	00

15/09/2012, 00h29	#6
Torgar Rédacteur/Modérateur Jérémy .B. Développeur Web Inscription : août 2007 Messages : 1 774 Détails du profil Informations personnelles : Nom : Jérémy .B. Âge : 27 Localisation : France, Gard (Languedoc Roussillon) Informations professionnelles : Activité : Développeur Web Secteur : Industrie Informations forums : Inscription : août 2007 Messages : 1 774 Points : 7 045 Points : 7 045	À quoi penses-tu exactement ? À la nouvelle interface Windows 8 UI ? __________________ Je ne suis pas schizophrène, nous sommes unanime !!! ► Pensez à la balise code, au si c'est le cas et au à ceux qui vous ont aidé. ► Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous ! Créer des colonnes de même hauteur en CSS Glossaire CSS Les bordures en CSS3 Les transitions en CSS3
	00

15/09/2012, 00h43	#7
Muchos Membre Expert Jonathan Renoult Étudiant Inscription : décembre 2011 Messages : 884 Détails du profil Informations personnelles : Nom : Jonathan Renoult Âge : 27 Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : Étudiant Secteur : Arts - Culture Informations forums : Inscription : décembre 2011 Messages : 884 Points : 1 870 Points : 1 870	Tout à fait ! Ce genre de rendu me semble très à la mode. __________________ Pour être aidé, donnez vos codes source svp ! ( balise # ) - - - Debug the Web together!
	00

14/09/2012, 18h29	#3
NoSmoking Modérateur Inscription : janvier 2011 Messages : 5 091 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 5 091 Points : 8 729 Points : 8 729	Bonjour, non d'un chien il a mangé quoi notre torgar, encore un excellent article qui part tout droit dans les favoris.
	10

16/09/2012, 22h11	#8
NoSmoking Modérateur Inscription : janvier 2011 Messages : 5 091 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 5 091 Points : 8 729 Points : 8 729	juste comme cela en passant, l'API googleMap a abandonné les arrondis des infowindow pour revenir à de bon vieux rectangle il y a un peu moins d'un an avec sa version 3.7.
	00

19/09/2012, 10h03	#10
Torgar Rédacteur/Modérateur Jérémy .B. Développeur Web Inscription : août 2007 Messages : 1 774 Détails du profil Informations personnelles : Nom : Jérémy .B. Âge : 27 Localisation : France, Gard (Languedoc Roussillon) Informations professionnelles : Activité : Développeur Web Secteur : Industrie Informations forums : Inscription : août 2007 Messages : 1 774 Points : 7 045 Points : 7 045	La propriété border-color est disponible depuis la version 1 de CSS et est comprise par les versions des navigateurs cités. Quand je dis que seul Firefox l’implémente, je parle du dégradé de couleur. Je vais reformuler afin que cela soit plus clair. __________________ Je ne suis pas schizophrène, nous sommes unanime !!! ► Pensez à la balise code, au si c'est le cas et au à ceux qui vous ont aidé. ► Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous ! Créer des colonnes de même hauteur en CSS Glossaire CSS Les bordures en CSS3 Les transitions en CSS3
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email