By continuing your navigation on this site, you accept the use of cookies to offer you contents and adapted services. Legal Notice.

SKINS TUTO

GuppY Help Center


PRESENTATION
BOXES
SERVICES
JQUERY
BULK
EXAMPLES
Currently...

 121885 visitors

 1 visitor online

Voici quelques propriétés qui permettent de mettre en forme le texte, le fond, les bordures, marges, hauteur, etc.. (inspiré par le Site OPENCLASSROOMS).

  • Texte
  • Couleur et fond
  • Marges et boîtes

Description Propriété Valeurs (exemples)
Nom de police font-family Arial, sans-serif
Taille du texte font-size 12px ou 1.0em
Gras font-weight bold
Italique font-style italic
Souligné text-decoration underline
Barré text-decoration line-through
Petites capitales font-variant small-caps
Capitales text-transform uppercase
Couleur du texte color #000000
Texte ombré text-shadow 2px 2px 4px #000
(horizontal, vertical, fondu, couleur)

Il est possible de combiner plusieurs propriétés, par exemple FONT qui regroupe font-family, font-size, font-weight, font-style, font-variant :

font: bold 12px Arial, Helvetica, sans-serif #000000;

Ce qui signifie :

texte gras, taille 12px, Arial ou Helvetica, couleur noir

Description Propriété Valeurs (exemples)
Couleur de fond background-color #FFFFFF
Image de fond background-image url(img/image.png)
Répétition de l'image background-repeat repeat (répéter partout)
repeat-x (répétition horizontale)
repeat-y (répétition verticale)
no-repeat (ne pas répéter)
Image fixe background-attachment fixed
Position de l'image background-position top (en haut)
bottom (en bas)
left (à gauche)
right (à droite)
Opacité opacity 0.2 (très transparent)
0.8 (peu transparent)

Description Propriété Valeurs (exemples)
Marge extérieure haut margin-top 4px
Marge extérieure bas margin-bottom 4px
Marge extérieure gauche margin-left 4px
Marge extérieure droite margin-right 4px
combinaisons possibles margin 4px 2px (haut et bas - gauche et droite)
4px 4px 4px 4px (haut - droit - bas - gauche)
Marge intérieure haut padding-top 4px
Marge intérieure bas paddig-bottom 4px
Marge intérieure gauche padding-left 4px
Marge intérieure droite padding-right 4px
combinaisons possibles padding 4px 2px (haut et bas - gauche et droite)
4px 4px 4px 4px (haut - droit - bas - gauche)
Bordure border 2px solid #000000
(trait plein noir large de 2px)
Style de bordure solid (trait plein)
dotted (pointillé)
dashed (tiret)
double (double)
Bordure arrondie border-radius 6px (les 4 coins arrondis)
6px 6px 0px 0px (coins haut-gauche et haut-droit arrondis. coins en bas carrés)
Ombre de la boîte box-shadow 2px 2px 4px #000
(horizontal, vertical, fondu, couleur)
Largeur width 200px ou 100%
Hauteur height 200px ou 100%
Largeur minimum min-width 80px
Hauteur minimum min-height 100px


Creation date : 25/08/2013 21:33
Page read 3999 times


You are here :   Home » CSS properties