Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Apprenez à créer votre site web avec HTML5 et CSS3 Licence 20 heures  Facile 

Apprenez à créer votre site web avec HTML5 et CSS3 Licence 20 heures  Facile  Mis à jour le 02/02/2022   Mémento des propriétés CSS Cette page est une liste non exhaustive des propriétés CSS qui existent en CSS3. Pour la plupart, ce sont des propriétés que nous avons vues dans le cours, mais vous trouverez aussi quelques nouvelles propriétés que nous n'avons pas abordées. La liste est non exhaustive car mon but n'est pas de faire la liste de toutes les propriétés CSS qui peuvent exister : il y en a vraiment trop (plus de deux cents !) et certaines sont très rarement utilisées. Mémento   Annexes 1. Envoyez votre site sur le Web  2. Mémento des balises HTML  3. Mémento des propriétés CSS  Accueil > Cours > Apprenez à créer votre site web avec HTML5 et CSS3 > Mémento des propriétés CSS HB Propriétés de mise en forme du texte Je résume ici la plupart des propriétés de mise en forme du texte. Qu'est-ce que la mise en forme de texte ? C'est tout ce qui touche à la présentation du texte proprement dit : le gras, l'italique, le souligné, la police, l'alignement, etc. Propriété Valeurs (exemples) Description font- family police1, police2, police3, serif, sans-serif, monospace Nom de police @font- face Nom et source de la police Police personnalisée font- size 1.3em, 16px, 120%... Taille du texte font- weight bold, normal Gras font- style italic, oblique, normal Italique ACCÉDER AU FORUM    Propriété Valeurs (exemples) Description text- decora tion underline, overline, line- through, blink, none Soulignement, ligne au-dessus, barré ou clignotant font- varian t small-caps, normal Petites capitales text- transf orm capitalize, lowercase, uppercase Capitales font - Super propriété de police. Combine : font-weight , font-style , font-size , font-variant , font-family . text- align left, center, right, justify Alignement horizontal vertic al- align baseline, middle, sub, super, top, bottom Alignement vertical (cellules de tableau ou éléments inline-block uniquement) Propriété Valeurs (exemples) Description line- height 18px, 120%, normal... Hauteur de ligne text- indent 25px Alinéa white- space pre, nowrap, normal Césure word- wrap break-word, normal Césure forcée text- shadow 5px 5px 2px blue (horizontale, verticale, fondu, couleur) Ombre de texte Propriétés de couleur et de fond Propriété Valeurs (exemples) Description color nom, rgb(rouge,vert,bleu), rgba(rouge,vert,bleu,transparence), #CF1A20... Couleur du texte Propriété Valeurs (exemples) Description backgr ound- color Identique à color Couleur de fond backgr ound- image url('image.png') Image de fond backgr ound- attach ment fixed, scroll Fond fixe backgr ound- repeat repeat-x, repeat-y, no-repeat, repeat Répétition du fond backgr ound- positi on (x y), top, center, bottom, left, right Position du fond Propriété Valeurs (exemples) Description backgr ound - Super propriété du fond. Combine : backgroun d-image , backgroun d-repeat , backgroun d- attachmen t , backgroun d- position opacit y 0.5 Transparence Propriétés des boîtes Propriété Valeurs (exemples) Description Propriété Valeurs (exemples) Description width 150px, 80%... Largeur height 150px, 80%... Hauteur min- width 150px, 80%... Largeur minimale max- width 150px, 80%... Largeur maximale min- height 150px, 80%... Hauteur minimale max- height 150px, 80%... Hauteur maximale margin -top 23px Marge en haut margin -left 23px Marge à gauche margin -right 23px Marge à droite Propriété Valeurs (exemples) Description margin - bottom 23px Marge en bas margin 23px 5px 23px 5px (haut, droite, bas, gauche) Super- propriété de marge. Combine : margin- top , margin- right , margin- bottom , margin- left . paddin g-left 23px Marge intérieure à gauche Propriété Valeurs (exemples) Description paddin g- right 23px Marge intérieure à droite paddin g- bottom 23px Marge intérieure en bas paddin g-top 23px Marge intérieure en haut Propriété Valeurs (exemples) Description paddin g 23px 5px 23px 5px (haut, droite, bas, gauche) Super- propriété de marge intérieure. Combine : padding- top , padding- right , padding- bottom , padding- left . border -width 3px Épaisseur de bordure border -color nom, rgb(rouge,vert,bleu), rgba(rouge,vert,bleu,transparence), #CF1A20... Couleur de bordure border -style solid, dotted, dashed, double, groove, ridge, inset, outset Type de bordure Propriété Valeurs (exemples) Description border 3px solid black Super- propriété de bordure. Combine , border- width , border- color , border- style . Existe aussi en version border- top , border- right , border- bottom , Propriété Valeurs (exemples) Description border- left . border - radius 5px Bordure arrondie box- shadow 6px 6px 0px black (horizontale, verticale, fondu, couleur) Ombre de boîte Propriétés de positionnement et d'affichage Propriété Valeurs (exemples) Description displa y block, inline, inline- block, table, table- cell, none... Type d'élément ( block , inline , inline-block , none …) visibi lity visible, hidden Visibilité clip rect (0px, 60px, 30px, 0px) rect (haut, droite, bas, gauche) Affichage d'une partie de l'élément Propriété Valeurs (exemples) Description overfl ow auto, scroll, visible, hidden Comportement en cas de dépassement float left, right, none Flottant clear left, right, both, none Arrêt d'un flottant positi on relative, absolute, static Positionnement top 20px Position par rapport au haut bottom 20px Position par rapport au bas left 20px Position par rapport à la gauche right 20px Position par rapport à la droite z- index 10 Ordre d'affichage en cas de superposition. La plus grande valeur est affichée par-dessus les autres. Propriétés des listes Propriété Valeurs (exemples) Description list- style- type disc, circle, square, decimal, lower- roman, upper-roman, lower-alpha, upper- alpha, none Type de liste list- style- positi on inside, outside Position en retrait list- style- image url('puce.png') Puce personnalisée list- style - Super-propriété de liste. Combine list-style-type , , list-style-position , list-style-image . Propriétés des tableaux Propriété Valeurs (exemples) Description Propriété Valeurs (exemples) Description border- collapse collapse, separate Fusion des bordures empty-cells hide, show Affichage des cellules vides caption-side bottom, top Position du titre du tableau Autres propriétés Propriété Valeurs (exemple) Description cursor crosshair, default, help, move, pointer, progress, text, wait, e-resize, ne-resize, auto... Curseur de souris Que pensez-vous de ce cours ? INDIQUER QUE CE CHAPITRE N'EST PAS TERMINÉ MÉMENTO DES BALISES HTML  Le professeur Entrepreneur à plein temps, auteur à plein temps et co-fondateur d'OpenClassrooms :o) Livre PDF Découvrez aussi ce cours en... Mathieu Nebra   OPENCLASSROOMS Qui sommes-nous ? Financements Expérience de formation Forum Blog Presse OPPORTUNITÉS POUR LES ENTREPRISES Former et recruter EN PLUS Boutique Français Nous rejoindre Devenir mentor Devenir coach carrière AIDE Mentions légales Conditions générales d'utilisation Politique de protection des données personnelles Cookies Accessibilité uploads/s3/ css3.pdf