Les balise CSS ont des Propriétés aussi nommés classe d

Transcription

Les balise CSS ont des Propriétés aussi nommés classe d
Propriété
font-family
@font-face
font-size
font-weight
font-style
text-decoration
font-variant
text-transform
font
text-align
vertical-align
line-height
text-indent
white-space
word-wrap
text-shadow
color
Balise CSS (CSS TAG)
Les balise CSS ont des Propriétés aussi nommés classe d'attributs avec des valeurs qui leurs sont associées. (CSS Tags have Properties associated to values )
Propriétés de mise en forme du texte
Propriétés des boîtes
Valeurs (exemples)
Description
Propriété
Valeurs (exemples)
Description
police1, police2, police3 , serif,
150px, 80%...
Largeur
width
Nom de police
sans-serif, monospace
150px, 80%...
Hauteur
height
Nom et source de la police
Police personnalisée
150px,
80%...
Largeur minimale
min-width
1.3em, 16px, 120%...
Taille du texte
150px,
80%...
Largeur maximale
max-width
bold, normal
Gras
150px, 80%...
Hauteur minimale
min-height
italic, oblique, normal
Italique
150px, 80%...
Hauteur maximale
max-height
underline, overline, line-through,
Soulignement, ligne au-dessus,
23px
Marge en haut
margin-top
blink, none barré ou clignotant
23px
Marge à gauche
margin-left
small-caps, normal
Petites capitales
23px
Marge à droite
margin-right
capitalize, lowercase, uppercase
Capitales
23px
Marge en bas
margin-bottom
Super propriété de police.
23px 5px 23px 5px
Super-propriété de marge.
Combine : font-weight, font-style,
Combine : margin-top,
margin
(haut, droite, bas, gauche)
font-size,font-variant, font-family.
margin-right, margin-bottom,
left, center, right, justify
Alignement horizontal
margin-left.
Alignement vertical (cellules de
23px
Marge intérieure à gauche
baseline, middle, sub,
padding-left
tableau ou éléments inline-block
23px
Marge intérieure à droite
super, top, bottom
padding-right
uniquement)
23px
Marge intérieure en bas
padding-bottom
18px, 120%, normal...
25px
pre, nowrap, normal
break-word, normal
5px 5px 2px blue
(horizontale, verticale,
fondu, couleur)
Hauteur de ligne
Alinéa
Césure
Césure forcée
border-width
border-color
background-color
background-image
background-attachment
Identique à color
url('image.png')
fixed, scroll
Couleur de fond
Image de fond
Fond fixe
background-repeat
repeat-x, repeat-y, no-repeat, repeat
Répétition du fond
background-position
(x y) , top, center, bottom, left, right
Position du fond
background
opacity
0.5
padding
Ombre de texte
Propriétés de couleur et de fond
nom , rgb(rouge,vert,bleu),
Couleur du texte
rgba(rouge,vert,bleu,
transparence), #CF1A20…
-
padding-top
Super propriété du fond. Combine :
background-image, backgroundrepeat, background-attachment,
background-position
Transparence
border-style
23px
23px 5px 23px 5px
(haut, droite, bas, gauche)
3px
nom , rgb(rouge,vert,bleu),
rgba(rouge,vert,bleu,
transparence), #CF1A20…
solid, dotted, dashed,
double, groove, ridge,
inset, outset
border
3px solid black
border-radius
5px
Marge intérieure en haut
Super-propriété de marge intérieure.
Combine : padding-top, padding-right,
padding-bottom, padding-left.
Épaisseur de bordure
Couleur de bordure
Type de bordure
Super-propriété de bordure. Combine
border-width, border-color, border-style.
Existe aussi en version border-top,
border-right, border-bottom, border-left.
Bordure arrondie
6px 6px 0px black
box-shadow
(horizontale, verticale,
Ombre de boîte
fondu, couleur)
OpenClassrooms.com