Partie "Contenu"
En mauve sur l'image
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Couleur du texte | color | Choisir | |
| Largeur | width | Dimension en pixels (ex : 200px) | |
| Marge intérieure haute | padding-top | Dimension (ex: 10px) | |
| Marge intérieure gauche | padding-left | Dimension (ex: 10px) | |
| Marge intérieure droite | padding-right | Dimension (ex: 10px) | |
| Marge intérieure basse | padding-bottom | Dimension (ex: 10px) | |
| Marge extérieure haute | margin-top | Dimension (ex: 10px) | |
| Marge extérieure gauche | margin-left | Dimension (ex: 10px) | |
| Taille de la police | font-size | ex: 10pt | |
| Famille de la police | font-family | ex: Arial, Verdana, Trebuchet MS |
#contenu
{
background : #FFEFBD;
color:#336699;
width : 730px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
margin-top : 5px;
margin-left : 200px;
font-size : 10pt;
font-family : Verdana;
text-align : left;
}
{
background : #FFEFBD;
color:#336699;
width : 730px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
margin-top : 5px;
margin-left : 200px;
font-size : 10pt;
font-family : Verdana;
text-align : left;
}
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Couleur du texte | color | Choisir | |
| Largeur | width | Dimension en pixels (ex : 200px) | |
| Hauteur | height | Dimension en pixels (ex : 200px) | |
| Marge intérieure gauche | padding-left | Dimension (ex: 10px) | |
| Marge intérieure droite | padding-right | Dimension (ex: 10px) | |
| Marge extérieure haute | margin-top | Dimension (ex: 10px) | |
| Marge extérieure gauche | margin-left | Dimension (ex: 10px) | |
| Marge extérieure droite | margin-right | Dimension (ex: 10px) | |
| Marge extérieure basse | margin-bottom | Dimension (ex: 10px) | |
| Taille de la police | font-size | ex: 10pt | |
| Famille de la police | font-family | ex: Arial, Verdana, Trebuchet MS |
#contenu h3
{
background : #000000;
color : #E8EEF4;
width : 457px;
height : 25px;
padding-left : 15px;
padding-right : 50px;
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 15px;
font-size : 15px;
font-family : Trebuchet MS;
}
{
background : #000000;
color : #E8EEF4;
width : 457px;
height : 25px;
padding-left : 15px;
padding-right : 50px;
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 15px;
font-size : 15px;
font-family : Trebuchet MS;
}
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Puces de la liste | list-style-type | Forme de puce (ex : disc,circle,square,none) | |
| Marge extérieure gauche | margin-left | Dimension (ex: 10px) |
#contenu ul
{
list-style-type : square;
margin-left : 15px;
}
{
list-style-type : square;
margin-left : 15px;
}
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Couleur du texte | color | Choisir | |
| Décoration du texte | text-decoration | ||
| Taille de la police | font-size | ex: 10pt | |
| Famille de la police | font-family | ex: Arial, Verdana, Trebuchet MS |
#contenu a
{
background : #FFEFBD;
color : #003366;
text-decoration : underline;
font-size : 10pt;
font-family : Arial;
}
{
background : #FFEFBD;
color : #003366;
text-decoration : underline;
font-size : 10pt;
font-family : Arial;
}
Partie "Contenu > liens au survol"
| Nom de l'attribut | Nom CSS | Valeur | Valeurs possibles |
| Couleur de fond | background | Choisir | |
| Couleur du texte | color | Choisir | |
| Décoration du texte | text-decoration |
#contenu a:hover
{
background : #FFFFFF;
color : #000400;
text-decoration : none;
}
{
background : #FFFFFF;
color : #000400;
text-decoration : none;
}
