La révolution CSS 2 !

Accueil :: Contact :: Liens
Menu Accueil
::: Introduction ::: Syntaxe ::: Flux ::: Propriétés ::: Menu déroulant ::: Exemples ::: Divers
Les principales propriétés à connaître :

Ceci étant une liste non exhaustive, mais ces propriétés sont les plus répandus. Pour obtenir toutes les propriétés existantes, allez faire un tour sur le site de référence ici.

- background : Réglage de l'arrière-plan

- color
- layer-background-color
- layer-background-color
- background
- background-image
- background-repeat
- background-attachment
- background-position
- background-position-x
- background-position-y

Par exemple :

    Dans le .css : body { background-color: blue }
    Dans le .html : <body STYLE="background-color: blue"></body>

- Fonts : Pour la mise en forme des polices

CSS 1
- font
- font-style
- font-variant
- font-weight
- font-size
- font-family
CSS 2
- font-size-adjust
- font-stretch
- font
- font-style
- font-variant
- font-weight
- font-size
- font-family

Par exemple :

    Dans le .css : div.fixedwidth { font-family: Courier, "Courier New", monospace }
    Dans le .html : <div STYLE="font-family: Courier, "Courier New", monospace">text</div>

- Scrollbars : Réglage des couleurs de la barre de défilement (uniquement avec IE)

- scrollbar-face-color
- scrollbar-arrow-color
- scrollbar-base-color
- scrollbar-shadow-color
- scrollbar-darkshadow-color
- scrollbar-highlight-color
- scrollbar-3dlight-color
- scrollbar-track-color

Par exemple :

    Dans le .css (dans la balise {body}:
    	scrollbar-arrow-color:#000000;
    	scrollbar-track-color:#CCCCCC;
    	scrollbar-shadow-color:#000000;
    	scrollbar-face-color:#DEE3E7;
    	scrollbar-highlight-color:#CCCCCC;
    	scrollbar-darkshadow-color:#999999;
    	scrollbar-3dlight-color:#CCCCCC;
    	}

- Margins : Réglage des marges, très utile pour ajuster des blocs

- margin-top
- margin-right
- margin-bottom
- margin-left

Par exemple :

    Dans le .css : h1 { margin-right: auto }
    Dans le .html : <h1 STYLE="margin-right: auto">Ceci est un test</h1>