Différences

Ci-dessous, les différences entre deux révisions de la page.

--- code_language:css [2022/04/28 09:01]
86.201.9.2
+++ code_language:css [2025/12/17 23:57] (Version actuelle)
216.73.216.214 ancienne révision (2022/04/28 07:57) restaurée
@@ Ligne 35: / Ligne 35: @@
 ==== Propriétés des boîtes ====
 ^ Propriété ^ Valeurs ^ Description ^
-| width | 150px,80% | Largeur |
+| width |  |  |
-| height | 150px,80% | Hauteur |
+| height |  |  |
-| min-widht | 150px,80% | Largeur minimale |
+| min-widht |  |  |
-| max-widht | 150px,80% | Largeur maximale |
+| max-widht |  |  |
-| min-height | 150px,80% | Hauteur minimale |
+| min-height |  |  |
-| max-height | 150px,80% | Hauteur maximale |
+| max-height |  |  |
-| margin-top | 23px | Marge en haut (écart extérieur) |
+| margin-top |  |  |
-| margin-left | 23px | Marge à gauche (écart extérieur) |
+| margin-left |  |  |
-| margin-right | 23px | Marge à droite (écart extérieur) |
+| margin-right |  |  |
-| margin-bottom | 23px | Marge en bas (écart extérieur) |
+| margin-bottom |  |  |
-| margin | 23px, 5px 23px 5px (haut, droite, bas, gauche| Super-propriété de marge. |
+| margin |  |  |
-| padding-left | 23px | Marge intérieur gauche |
+| padding-left |  |  |
-| padding-right | 23px | Marge intérieur droite |
+| padding-right |  |  |
-| padding-bottom | 23px | Marge intérieur bas |
+| padding-bottom |  |  |
-| padding-top | 23px | Marge intérieur haut |
+| padding-top |  |  |
-| padding | 23px 5px 23px 5px (haut, droite, bas, gauche) | Super-propriété de marge intérieure. |
+| padding |  |  |
-| border-width | 3px | Epaisseur de bordure |
+| border-width |  |  |
-| border-color | nom, rgb(rouge,vert,bleu), rgba(rouge,vert,bleu,transparence),#CF1A20... | Couleur bordure |
+| border-color |  |  |
-| border-style | solide, dotted, dashed, double, groove, ridghe, inset, outset | Type de bordure |
+| border-style |  |  |
-| border | 3px solid black | Super propriété de bodure. On peut également utiliser border-top,border-right, border-bottom, border-left |
+| border |  |  |
-| border-radius | 5px | Bordure arrondie |
+| border-radius |  |  |
-| box-shadow | 6px 6px 0px black | Ombre de boîte |
+| box-shadow |  |  |
 ==== Propriétés de positionnement et d'affichage ====
 ^ Propriété ^ Valeurs ^ Description ^
-| display | block, inline, inline-block, table, table-cell, none... | Type d'élément (block, inline, inline-block, none...) |
+|  |  |  |
-| visibility | visible, hidden | Visibilité |
+|  |  |  |
-| clip | rect (0px, 60px, 30px, 0px) rect (haut, droite, bas, gauche) | Affichage d'une partie d'élément |
+|  |  |  |
-| overflow | 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 |
+|  |  |  |
-| position | 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 ^ Description ^
-| list-style-type | disc, circle, square, decimal, lower-roman, upper-roman, lower,alpha, upper-alpha, none | Type de liste |
-| list-style-position | 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 ^ 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 ^ Description ^
-| cursor | crosshair, default, help, move, pointer, progress, text, wait, e-resize, ne-resize, auto... | Curseur de souris. |
-Exemple:
-<code>
-</code>

2APartProx

Outils pour utilisateurs

Outils du site

Différences

Outils de la page