~ Tuto approfondi ~« Texte »Taille
- Code:
-
font-size: 12px;
~
Police
- Code:
-
font-family: Arial;
~
Texte à gauche, centré ou droite
- Code:
-
text-align: left;
text-align: center;
text-align: right;
~
Couleur
- Code:
-
color: #FFFFFF;
~
Majuscules
- Code:
-
text-transform: uppercase;
~
Petites majuscules
- Code:
-
font-variant: small-caps;
~
Italique
- Code:
-
text-transform:italic;
~
Gras
- Code:
-
font-weight: bold;
~
Souligné
- Code:
-
text-decoration: underline;
« Arrière-plan »Couleur
- Code:
-
background-color: #FFFFFF;
~
Image
- Code:
-
background-image: url('http://image.png');
« Cadre »Cadre bas, épaisseur 1px, trait plein, couleur noire
- Code:
-
border-bottom: 1px solid #FFFFFF;
Cadre haut : remplacer bottom par top
Cadre droite : remplacer bottom par right
Cadre gauche : remplacer bottom par left
Trait pointillé : remplacer solid par dotted
Trait en tirets : remplacer solid par dashed
~
Coins arrondis de 5px avec Mozilla Firefox
- Code:
-
-moz-border-radius: 5px;
~
Coins arrondis de 5px avec IE, Safari, Chrome et quelques autres navigateurs
- Code:
-
-webkit-border-radius: 5px;
~
Coin haut droit arrondi
- Code:
-
-moz-border-radius-topright: 5px;
Coin haut gauche arrondi : remplacer topright par topleft
Coin bas droit arrondi : remplacer topright par bottomright
Coin bas gauche arrondi : remplacer topright par bottomleft
« Divers »Espace entre le texte et le cadre
- Code:
-
padding: 2px;
~
Prendre toute la largeur disponible
- Code:
-
display: none;
~
Espace entre les lettres
- Code:
-
letter-spacing: 1px;
~
Lignes au dessus et en dessous
- Code:
-
text-decoration: underline overline;
~
Hauteur
- Code:
-
height: 600px;
~
Largeur
- Code:
-
width: 800px;