TUTO SKINS

Centre d'Aide GuppY


PRÉSENTATION
SERVICES
JQUERY
EN VRAC
EXEMPLES
En ce moment...

 96635 visiteurs

 2 visiteurs en ligne

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


Date de création : 25/08/2013 21:33
Page lue 3088 fois


Vous êtes ici :   Accueil » Propriétés CSS