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