cursor

cursor : [ [adresse]* [ 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 ] ]

outline

outline : outline-color || outline-style || outline-width

même syntaxe que pour BORDER

Exemple dans le menu à gauche avec : a:hover { outline : thick groove blue }

Contrairement aux bordures, les contours ne prennent pas d'espaces supplémentaires.

content

content : normal | none | [ string | uri | counter | attr() | open-quote | close-quote | no-open-quote | no-close-quote ]+

attr() renvoie la valeur de l'attribut passé en paramètre.

Exemple : h1:before {content: attr(truc)} avec --- h1 truc="Machin "Chap 1/h1 --- donnera --- Machin Chap 1

Exemple dans la page : h1:before {content: "Chapitre concernant : "}

Exemple dans la page : h1:after { content : url('images/popcorn.gif')}

counter-reset

counter-reset : identifiant entier

Elle contient une liste d'un ou plusieurs noms de compteurs, chacun suivi éventuellement par un nombre. Le nombre indique la valeur de départ.

Exemple dans la page : body { counter-reset : numero 12 }

counter-increment

counter-increment : identifiant entier

Elle accepte un ou plusieurs noms de compteurs, chacun suivi éventuellement par un nombre. Le nombre indique la valeur d'incrémentation. Une valeur nulle ou négative est autorisée

Exemple dans la page : counter-increment : numero 3;