[résolu]Simplifier l'écriture du border

Bonjour,

Je cherche à simplifier le border :

pour le margin par exemple :

margin-top:1 margin-bottom:1 margin-left:1 margin-right:1

est égal à margin: 1px 1px 1px 1px

Par contre avec le border j'y arrive pas :

border: 1px 1px solid black;

merci
Modifié par Diana (21 Mar 2007 - 12:49)

Bonjour,

Tu simplifies déjà beaucoup ainsi (3 en 1) :

border: 1px solid black

Mais je ne crois pas qu'il existe une propriété comme tu le demandes.
Après il suffit de faire bordure par bordure :

border-left :
border-top :
border-right :
...

ha oui, je men doutais.

Alors ya des balises que l'on peut simplifier et dautre qui devraient aussi pouvoir l'être, c'est un paradoxe ça.

Vive que le CSS3 soit totalement refondu et mieux pensé.

border: 1px solid black 2px solid blue 3px ouset red 1px solid yellow;

Tu trouves ça simple ?

XaV8 a écrit :

border: 1px solid black 2px solid blue 3px ouset red 1px solid yellow;

Tu trouves ça simple ?

Mais non pas comme ça


A ma façon: border: 1px 0 1px 2px solid red;

ça c une écriture simplifiée et simple, mais elle n'a pas été implémentée sous cette forme et c bien dommage.

Bonsoir,

Concernant la notation raccourcie des borders, tu peux :
- soit définir toutes les bordures en un fois :

border : 1px solid #666666;

- soit les définir au coup par coup :

border-top : 1px solid #666666;
border-right : 1px solid #666666;

Ce sont-là les seuls raccourcis qui existent pour les bordures.
Tous les autres sont erronés.

Bonsoir.

Cygnus a écrit :
Ce sont-là les seuls raccourcis qui existent pour les bordures.
Tous les autres sont erronés.

Pas vraiment, on peut très bien écrire :

border: solid black; border-width: 1px 2px 2px 1px;

Salut,

Il n'y a pas de notation synthétique pour les border.
Mais bon, comme le signale Julien il y a un jeu plus ou moins habile à mettre en oeuvre pour s'en tirer "au plus court".

Par contre quelque chose d'aussi complexe et complet que :

background : #la_couleur url(image.jpg) right center fixed;

par exemple, ben il n'y a pas je crois
Modifié par Christian Le Bouler (20 Mar 2007 - 22:46)

Julien Royer a écrit :
Bonsoir.
Pas vraiment, on peut très bien écrire :

border: solid black; border-width: 1px 2px 2px 1px;

A essayer, je note ça dans mon bouquin si ça marche.

Christian Le Bouler a écrit :
Salut,

Il n'y a pas de notation synthétique pour les border.
Mais bon, comme le signale Julien il y a un jeu plus ou moins habile à mettre en oeuvre pour s'en tirer "au plus court".

Par contre quelque chose d'aussi complexe et complet que :

background : #la_couleur url(image.jpg) right center fixed;

par exemple, ben il n'y a pas je crois

ça c déjà simplifié au maximum !

background-image:...
background-position right center;
et background-position: fixed;
c'est très long là

Merci à tous, post résolu.
Modifié par Diana (21 Mar 2007 - 12:48)

Diana a écrit :


ça c déjà simplifié au maximum !

Oui c'est précisemment ce que je disais

Diana a écrit :
A essayer, je note ça dans mon bouquin si ça marche.

Soit dit en passant, l'ensemble des propriétés liées aux bordures est expliqué dans les spécifications.

Julien Royer a écrit :

Soit dit en passant, l'ensemble des propriétés liées aux bordures est expliqué dans les spécifications.

Oui m'enfin sur le plan technique, je suis allergique à l'anglais...

Diana a écrit :
Oui m'enfin sur le plan technique, je suis allergique à l'anglais...

Ca se comprend.

Sinon, il existe une traduction en français (elle n'est pas normative, et concerne les CSS niveau 2 et non 2.1, mais je ne pense pas que ce soit très grave dans ce cas précis).