Contribuez au Glossaire CSS

Salut à tous,

Dans la lignée des enrichissements de ressources, nous souhaiterions également le faire pour le Glossaire CSS afin de rajouter les propriétés CSS non présentes pour le moment. Je pense notamment à celles de la version 3 de CSS qui n'ont pas encore été intégrées puisque la priorité était donnée aux propriétés les plus couramment utilisées.

En effet, il vous est possible de participer à la rédaction et à la complétion de ce glossaire mais aussi de toutes les ressources présentes sur Developpez.com.

C'est pourquoi, dans l'optique d'avoir le glossaire le plus complet possible, nous faisons appel à vous, premiers utilisateurs de CSS, pour l'enrichir avec ce que vous utilisez au quotidien.

L'avantage de notre glossaire est son côté interactif. Il est en effet possible d'intégrer des exemples d'utilisation de propriétés CSS, ainsi, il vous sera demandé, dans la mesure du possible, de fournir des exemples pour chaque propriété à rajouter.

Je vous laisse voir directement sur le glossaire les informations dont nous avons besoin : http://css.developpez.com/tutoriels/...e=texte#LI-A-8

Vous pourrez poster vos ajouts à la suite de cette discussion en respectant le format du glossaire :

Citation:

---

Nom propriété : Description.

Syntaxe : Syntaxe d'écriture de la propriété

Compatibilité : Compatibilité de prise en charge de cette propriété

Note : Information complémentaire sur la compatibilité ou tout autre point jugé nécessaire.

Exemple de syntaxe.

Exemple de rendu et son code source.

---

Si vous avez la moindre question, n'hésitez pas à répondre en enfilade de ce poste :)

:merci:

Salut,

Je crois pas l'avoir vu : cursor.

Même si c'est simple d'utilisation...

Citation:

---

cursor : permet de changer le curseur pour un élément HTML

Syntaxe :
[ [<uri> [<x> <y>]?,]*
[ auto | default | none |
context-menu | help | pointer | progress | wait |
cell | crosshair | text | vertical-text |
alias | copy | move | no-drop | not-allowed |
e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out
] ] | inherit

Note :
Il peut y avoir plusieurs <uri>. Une alternative non <uri> est obligatoire en fin de déclaration au cas où les <uri> ne soient pas résolues.
Les coordonnées <x> et <y> définissent le points chaud de l'image. Plus d'infos sur : http://www.w3.org/TR/css3-ui/#cursor

Version CSS : 2.1

Compatibilité :
IE Firefox Safari Opera Chrome
5.5 1 1.2 7 0.2


Exemple de syntaxe :

cursor: progress;
cursor: cell;
cursor: not-allowed;

Exemple code :

#div1 {
width: 50px;
height: 50px;
background-color: yellowgreen;
cursor: progress;
}

#div2 {
width: 50px;
height: 50px;
background-color: salmon;
cursor: cell;
}

#div3 {
width: 50px;
height: 50px;
background-color: silver;
cursor: not-allowed;
}

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

---

Après je sais pas si on peut reprendre le tableau d'exemple de cette page : https://developer.mozilla.org/fr/docs/Web/CSS/cursor
Si oui, ça serait parfais pour les exemples.

Ça sera mon cailloux pour l'édifice, vu qu'il n'y a pas assez pour faire une pierre.

Les sections I-A-5 et I-A-6 font doublon.

Excellente initiative en tous cas ! Merci :)

Vous acceptez les propriétés CR dans le glossaire ?

Parce qu'il serait intéressant de rajouter le Flexible Box Layout Module.

Si vous êtes intéressé je pourrais p-e le faire.