Fiche 19 - HTML facile

Feuille de style les balises
Relations
Bordures
Code
Border-style
Border-width
Border-color
Couleurs
color
background
Application
Border-style:solid;
Border-style:double;
Border-style:dotted;
Border-style:groove;
Border-style:ridge;
Border-style:outset;
Border-style:inset;
Border-width:10;
Border-top-width:10;
Border-bottom-width:10;
Border-left-width:10;
Border-right-width:10;
Border-color:cyan;
Border-color-top:cyan;
Border-color-bottom:cyan;
Border-color-left:cyan;
Border-color-right:cyan;
Color:cyan;
Color:rgb(255,10,123);
Color:#002512;
Background:cyan;
Backgroundimage:url(image.jpg);
Html 19
Explication
Un seul trait
Un trait double
Trait pointillé
Relief éclairage bas
Relief éclairage haut
Relief intérieur éclairage bas
Relief intérieur éclairage haut
Largeur des bords du cadre
Largeur du bord haut
Largeur du bord bas
Largeur du bord gauche
Largeur du bord droit
Couleur des bords du cadre
Couleur du bord haut du cadre
Couleur du bord bas du cadre
Couleur du bord gauche du cadre
Couleur du bord droit du cadre
Couleur du texte
Couleur du texte (en code décimal)
Couleur du texte (en hexadécimal)
Couleur de fond de texte
Image en fond de texte
Page 1 / 4
Feuille de style les balises
Marges
Texte
margin
Margin:10;
Margin-top:10;
Margin-bottom:10;
Margin-left:10;
Margin-right:10;
Margin:10,20,20,30;
Padding
Padding:20;
Padding-top:10;
Padding-bottom:10;
Padding-left:10;
Padding-right:10;
Padding:10,20,20,30;
Text-decoration Text-decoration:none;
Text-decoration:underline;
Text-decoration:overline;
Text-decoration:through;
Text-transform Text-transform:uppercase;
Text-transform:lowercase;
Text-transform:capitalize;
Text-align
Text-align:left;
Text-align:right;
Text-align:center;
Text-align:justify;
Text-indent
Text-indent:20;
Html 19
Marge autour du texte
Marge au-dessus du texte
Marge au-dessous du texte
Marge à gauche du texte
Marge à droite du texte
Marge pour chaque coté: top,right,bottom,left (h, d, b, g)
Marge dans une bordure ou une cellule de table
Marge en bas
Un trait double
Marge à gauche
Marge à droite
Marge pour chaque coté: top,right,bottom,left (h, d, b, g)
Efface le soulignement des liens
Souligne un lien
Ligne au-dessus du lien
Ligne qui coupe le texte
Met tout le texte en majuscules
Met tout le texte en minuscules
Met tout la 1ère lettre majuscule
Aligne le texte à gauche
Aligne le texte à droite
Centre le texte sur la ligne
Aligne le texte à droite et gauche
Renfoncement paragraphe
Page 2 / 4
Feuille de style les balises
ligne
Fonte
Line-height
Font-family
Font-style
Font-weight
Font-size
Line-height:30;
Font-family:serif;
Font-family:sans-serif;
Font-family:cursive;
Font-family:fantasy;
Font-family:monospace;
Font-family:arial;
Font-style:normal;
Font-style:italic;
Font-weight:normal;
Font-weight:bold;
Font-weight:bolder;
Font-weight:lighter;
Font-weight:100;
Font-size:xx-small;
Font-size:x-small;
Font-size:small;
Font-size:medium;
Font-size:large;
Font-size:x-large;
Font-size:xx-large;
Font-size:20;
Font-size:200%;
Font-variant:small-caps;
Donne l'espace entre les lignes
Famille de police serif
Famille de police sans-serif
Famille de police cursive
Famille de police fantasy
Famille de police monospace
Si la police est sur l'ordinateur
Style d'écriture normal
Style d'écriture italique
Epaisseur du texte normale
Epaisseur du texte plus gras
Epaisseur du texte encore plus gras
Epaisseur du texte moins gras
Epaisseur du texte valeur de 100 à 900
Hauteur des lettres très petite
Hauteur des lettres un peu plus grosse
Hauteur des lettres plus grosse
Hauteur des lettres plus grosse
largeur des lettres plus grosse
largeur des lettres plus grosse
largeur des lettres plus grosse
Hauteur des lettres programmée en pts
Hauteur des lettres en pour centage
Donne des lettres majuscules
Page 3 / 4
Html 19
Feuille de style les balises
Bloc texte*
Bloc image*
Liste
Word-spacing Word-spacing:20;
Letter-spacing Letter-spacing:20;
Float
Float :right ;
Float :left;
Float
Float :right;
Float :left;
List-style
List-style-image :url(terre.gif);
List-style-type :disc;
List-style-type :circle;
List-style-type :square;
List-style-type :decimal;
List-style-type :lower-roman;
List-style-type :upper-roman;
List-style-type :lower-alpha;
List-style-type :upper-alpha;
Donne un espace entre les mots (?)
Donne un espace entre les lettres
Place le bloc à droite
Place le bloc à gauche
Place l'image à droite
Place l'image à gauche
Donne une puce image
Donne une puce en disque
Donne une puce en cercle
Donne une puce carré
Donne une puce en chiffres décimaux
Donne une puce en chiffres romains min
Donne une puce en chiffres romains maj
Donne une puce en lettres minuscules
Donne une puce en lettres majuscules
Page 4 / 4
Html 19