Les Propriétés
Ici
vous trouverez les principales propriétés applicables
au CSS. Avec cela, le CSS ne devrait plus avoir aucun
mystère pour vous, alors bonne chance.
Bien entendu, il existe encore beaucoup d'autres
propriétés, mais il ne vous sera pas utile de toutes les
connaitre.
Propriétés applicables à un
texte
| Proporiété |
Code |
| Soulignement |
Text-decoration: underline |
| Ligne
au dessus |
Text-decorartion: overline |
| Ligne au dessus et en dessous |
Text-decoration:
underline overline |
| Mise en italique |
Font-style: italic |
| Mise en Gras |
Font-weight: Bold |
| Modification de la taille |
font-size: Xpt
(X est le chiffre correspondant à la taille
désirée) |
| Modification de la couleur |
color: #xxxxxx (les
xxxxxx correspondent à un code
de couleur de votre choix). |
| Soulignement
Coloré |
Text-decoration: #xxxxxx
underline |
| Modification de la police |
font-family: Verdana (remplacez Verdana par le
nom de la police désirée) |
| Suppression d'
un soulignement |
text-decoration:
none |
| Texte en petites Majuscules |
font-variant:
small-caps |
| Mise en Majuscules |
text-transform:
Capitalize |
| Mise
en Minuscules |
text-transform: lowercase |
Les Bordures
Il
existe 4 bordures : la bordure superieure (border-top), la
bordure inférieure (border-bottom), la bordure droite et la
bordure gauche. Ces 4 bordures sont regroupées par le terme
border.
Voici les différents types de bordures possibles:
| Type de bordure |
Code |
| bordure normale |
border: solid |
| en
pointillés ... |
border: dotted |
| en petits tirets --- |
border: dashed |
| en relief double |
border: groove |
| en relief
creusé |
border: inset |
| en reliel
exterieur |
border: outset |
| double |
border: double |
Pour
appliquer l'un de ces
types de bordure seulement à une partie de
l'encadrement,
remplacez border par border-bottom (pour la bordure
inférieure),
par border-top (pour la bordure supérieure), par border-left
(pour la bordure gauche), ou enfin par border-right (pour la bordure
droite).
La largeur de la bordure se définit en ajoutant Xpx
à la suite de border:
(X etant
un chiffre définissant la taille):
La couleur de la bordure se définit par un #XXXXXX (ce qui correspond
à un code de couleur).
Ainsi, une bordure inférieure blanche de 4 pixels en relief
creusé aura pour code:
border-bottom:
#FFFFFF 4px outset
Les Alignements
L'alignement
est une chose simple mais très pratique, cela permet de
définir l'alignement d'un texte.
| Aligner |
Propriété |
| à gauche |
text-align: left |
| au centre |
text-align: center |
| à droite |
text-align: right |
Les Fonds de cellules
Une
fois de plus, voici l'un deséléments les plus
visibles lors d'une modification de CSS.
| Type de fond |
Propriété |
| en couleur |
background: #XXXXXX |
| une image |
background-image:
url(adresseurldel'image) |
| transparant |
background:
transparent |
Les X orange correspondent au code de la couleur désirée.
Et voilà, vous avez tout ce qu'il vous faut pour
réaliser un petit CSS.
|
|