• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. Technologies web pour développeurs
  2. CSS : Feuilles de style en cascade
  3. CSS Conditional Rules
    • English (US)
    • Deutsch
    • Español
    • 日本語
    • 한국어

Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez également contribuer en rejoignant la communauté francophone sur MDN Web Docs.

Dans cet article

  • Référence
  • Spécifications
  • Compatibilité des navigateurs
  1. CSS
  2. Beginner's tutorials
  3. Your first website: Styling the content
  4. CSS styling basics
    1. Qu'est-ce que CSS ?
    2. Comment CSS est structuré
    3. Mettre en œuvre vos connaissances
    4. Sélecteurs CSS
    5. Sélecteurs d'attribut
    6. Pseudo-classes et pseudo-éléments
    7. Combinateurs
    8. Le modèle de boîte
    9. Cascade, spécificité et héritage
    10. Valeurs et unités CSS
    11. Définir la taille des éléments en CSS
    12. Arrière-plans et bordures
    13. Débordements de contenu (overflow)
    14. Images, media, forms
    15. Mise en forme des tableaux
    16. Déboguer du code CSS
    17. Compréhension des fondements des CSS
    18. Création d'un en-tête de papier à lettre élégant
    19. Une boîte d'aspect rafraîchissant
  5. CSS text styling
    1. Initiation à la mise en forme du texte
    2. Style de listes
    3. Mise en forme des liens
    4. Fontes Web
    5. Composition de la page d'accueil d'une école de communauté
  6. Dispositions CSS
    1. Introduction à la mise en page en CSS
    2. Les boîtes flottantes
    3. Le positionnement
    4. Flexbox
    5. Grilles
    6. Responsive design
    7. Media queries
    8. Compréhension fondamentale de la mise en page
  7. Référence CSS
  8. Modules
    1. CSS anchor positioning
    2. Les animations CSS
    3. Arrière-plans et bordures CSS (CSS backgrounds and borders)
    4. CSS Basic User Interface
    5. CSS Box Alignment
    6. Modèle de boîte
    7. CSS box sizing
    8. CSS cascading and inheritance
    9. CSS color adjustment
    10. CSS Color
    11. Compositing and Blending
    12. CSS Conditional Rules
    13. Compartimentation CSS (CSS Containment)
    14. CSS Counter Styles
    15. CSS Custom Properties for Cascading Variables
    16. CSS Display
    17. Filter Effects
    18. Disposition des boîtes flexibles CSS
    19. CSS font loading
    20. CSS Fonts
    21. CSS Fragmentation
    22. CSS Generated Content
    23. Grilles CSS (CSS Grid)
    24. CSS Images
    25. CSS inline layout
    26. CSS Lists
    27. CSS Logical Properties
    28. CSS Masks
    29. Requêtes média CSS (media queries)
    30. Motion Path
    31. Colonnes CSS
    32. CSS Namespaces
    33. CSS nesting
    34. CSS Overflow
    35. CSS overscroll behavior
    36. CSS Pages
    37. CSS Positioned Layout
    38. CSS properties and values API
    39. CSS pseudo-elements
    40. CSS Ruby
    41. CSS scoping
    42. CSS scroll anchoring
    43. CSS Scroll Snap
    44. CSS scroll-driven animations
    45. CSS Scrollbars
    46. Sélecteurs CSS
    47. CSS shadow parts
    48. CSS Shapes
    49. Jeux de caractères CSS
    50. CSS Table
    51. CSS Text
    52. CSS Text Decoration
    53. CSS Transforms
    54. Transitions CSS
    55. Valeurs et unités CSS
    56. CSS view transitions
    57. CSS Writing Modes
    58. CSSOM View
  9. Properties
    1. -moz-*
      1. -moz-float-edge Non standard Obsolète
      2. -moz-force-broken-image-icon Non standard Obsolète
      3. -moz-image-region Non standard
      4. -moz-orient Non standard
      5. -moz-user-focus Non standard Obsolète
      6. -moz-user-input Non standard Obsolète
    2. -webkit-*
      1. -webkit-border-before Non standard
      2. -webkit-box-reflect Non standard
      3. -webkit-mask-box-image Non standard
      4. -webkit-mask-composite Non standard
      5. -webkit-mask-position-x Non standard
      6. -webkit-mask-position-y Non standard
      7. -webkit-mask-repeat-x Non standard
      8. -webkit-mask-repeat-y Non standard
      9. -webkit-tap-highlight-color Non standard
      10. -webkit-text-fill-color
      11. -webkit-text-security Non standard
      12. -webkit-text-stroke
      13. -webkit-text-stroke-color
      14. -webkit-text-stroke-width
      15. -webkit-touch-callout Non standard
    3. Propriétés personnalisées (--*)
    4. accent-color
    5. align-*
      1. align-content
      2. align-items
      3. align-self
    6. alignment-baseline
    7. all
    8. anchor-name Expérimental
    9. animation-*
      1. animation
      2. animation-composition
      3. animation-delay
      4. animation-direction
      5. animation-duration
      6. animation-fill-mode
      7. animation-iteration-count
      8. animation-name
      9. animation-play-state
      10. animation-range Expérimental
      11. animation-range-end Expérimental
      12. animation-range-start Expérimental
      13. animation-timeline Expérimental
      14. animation-timing-function
    10. appearance (-moz-appearance, -webkit-appearance)
    11. aspect-ratio
    12. backdrop-filter
    13. backface-visibility
    14. background-*
      1. background
      2. background-attachment
      3. background-blend-mode
      4. background-clip
      5. background-color
      6. background-image
      7. background-origin
      8. background-position
      9. background-position-x
      10. background-position-y
      11. background-repeat
      12. background-size
    15. block-size
    16. border-*
      1. border
      2. border-block
      3. border-block-color
      4. border-block-end
      5. border-block-end-color
      6. border-block-end-style
      7. border-block-end-width
      8. border-block-start
      9. border-block-start-color
      10. border-block-start-style
      11. border-block-start-width
      12. border-block-style
      13. border-block-width
      14. border-bottom
      15. border-bottom-color
      16. border-bottom-left-radius
      17. border-bottom-right-radius
      18. border-bottom-style
      19. border-bottom-width
      20. border-collapse
      21. border-color
      22. border-end-end-radius
      23. border-end-start-radius
      24. border-image
      25. border-image-outset
      26. border-image-repeat
      27. border-image-slice
      28. border-image-source
      29. border-image-width
      30. border-inline
      31. border-inline-color
      32. border-inline-end
      33. border-inline-end-color
      34. border-inline-end-style
      35. border-inline-end-width
      36. border-inline-start
      37. border-inline-start-color
      38. border-inline-start-style
      39. border-inline-start-width
      40. border-inline-style
      41. border-inline-width
      42. border-left
      43. border-left-color
      44. border-left-style
      45. border-left-width
      46. border-radius
      47. border-right
      48. border-right-color
      49. border-right-style
      50. border-right-width
      51. border-spacing
      52. border-start-end-radius
      53. border-start-start-radius
      54. border-style
      55. border-top
      56. border-top-color
      57. border-top-left-radius
      58. border-top-right-radius
      59. border-top-style
      60. border-top-width
      61. border-width
    17. bottom
    18. box-*
      1. box-align Non standard Obsolète
      2. box-decoration-break
      3. box-direction Non standard Obsolète
      4. box-flex Non standard Obsolète
      5. box-flex-group Non standard Obsolète
      6. box-lines Non standard Obsolète
      7. box-ordinal-group Non standard Obsolète
      8. box-orient Non standard Obsolète
      9. box-pack Non standard Obsolète
      10. box-shadow
      11. box-sizing
    19. break-*
      1. break-after
      2. break-before
      3. break-inside
    20. caption-side
    21. caret-color
    22. clear
    23. clip-*
      1. clip Obsolète
      2. clip-path
      3. clip-rule
    24. color-*
      1. color
      2. color-interpolation
      3. color-interpolation-filters
      4. color-scheme
    25. column-*
      1. column-count
      2. column-fill
      3. column-gap (grid-column-gap)
      4. column-rule
      5. column-rule-color
      6. column-rule-style
      7. column-rule-width
      8. column-span
      9. column-width
    26. columns
    27. contain-*
      1. contain
      2. contain-intrinsic-block-size
      3. contain-intrinsic-height
      4. contain-intrinsic-inline-size
      5. contain-intrinsic-size
      6. contain-intrinsic-width
    28. container-*
      1. container
      2. container-name
      3. container-type
    29. content
    30. content-visibility
    31. counter-*
      1. counter-increment
      2. counter-reset
      3. counter-set
    32. cursor
    33. cx
    34. cy
    35. d
    36. direction
    37. display
    38. dominant-baseline
    39. empty-cells
    40. field-sizing Expérimental
    41. fill-*
      1. fill
      2. fill-opacity
      3. fill-rule
    42. filter
    43. flex-*
      1. flex
      2. flex-basis
      3. flex-direction
      4. flex-flow
      5. flex-grow
      6. flex-shrink
      7. flex-wrap
    44. float
    45. flood-color
    46. flood-opacity
    47. font-*
      1. font
      2. font-family
      3. font-feature-settings
      4. font-kerning
      5. font-language-override
      6. font-optical-sizing
      7. font-palette
      8. font-size
      9. font-size-adjust
      10. font-smooth Non standard
      11. font-stretch Obsolète
      12. font-style
      13. font-synthesis
      14. font-synthesis-position Expérimental
      15. font-synthesis-small-caps
      16. font-synthesis-style
      17. font-synthesis-weight
      18. font-variant
      19. font-variant-alternates
      20. font-variant-caps
      21. font-variant-east-asian
      22. font-variant-emoji
      23. font-variant-ligatures
      24. font-variant-numeric
      25. font-variant-position
      26. font-variation-settings
      27. font-weight
    48. forced-color-adjust
    49. gap (grid-gap)
    50. grid-*
      1. grid
      2. grid-area
      3. grid-auto-columns
      4. grid-auto-flow
      5. grid-auto-rows
      6. grid-column
      7. grid-column-end
      8. grid-column-start
      9. grid-row
      10. grid-row-end
      11. grid-row-start
      12. grid-template
      13. grid-template-areas
      14. grid-template-columns
      15. grid-template-rows
    51. hanging-punctuation
    52. height
    53. hyphenate-character
    54. hyphenate-limit-chars
    55. hyphens
    56. image-*
      1. image-orientation
      2. image-rendering
      3. image-resolution Expérimental
    57. initial-letter
    58. inline-size
    59. inset-*
      1. inset
      2. inset-block
      3. inset-block-end
      4. inset-block-start
      5. inset-inline
      6. inset-inline-end
      7. inset-inline-start
    60. interpolate-size Expérimental
    61. isolation
    62. justify-*
      1. justify-content
      2. justify-items
      3. justify-self
    63. left
    64. letter-spacing
    65. lighting-color
    66. line-*
      1. line-break
      2. -webkit-line-clamp
      3. line-height
      4. line-height-step Expérimental
    67. list-*
      1. list-style
      2. list-style-image
      3. list-style-position
      4. list-style-type
    68. margin-*
      1. margin
      2. margin-block
      3. margin-block-end
      4. margin-block-start
      5. margin-bottom
      6. margin-inline
      7. margin-inline-end
      8. margin-inline-start
      9. margin-left
      10. margin-right
      11. margin-top
      12. margin-trim Expérimental
    69. marker-*
      1. marker
      2. marker-end
      3. marker-mid
      4. marker-start
    70. mask-*
      1. mask
      2. mask-border
      3. mask-border-mode
      4. mask-border-outset
      5. mask-border-repeat
      6. mask-border-slice
      7. mask-border-source
      8. mask-border-width
      9. mask-clip
      10. mask-composite
      11. mask-image
      12. mask-mode
      13. mask-origin
      14. mask-position
      15. mask-repeat
      16. mask-size
      17. mask-type
    71. math-*
      1. math-depth
      2. math-shift Expérimental
      3. math-style
    72. max-*
      1. max-block-size
      2. max-height
      3. max-inline-size
      4. max-width
    73. min-*
      1. min-block-size
      2. min-height
      3. min-inline-size
      4. min-width
    74. mix-blend-mode
    75. object-fit
    76. object-position
    77. offset-*
      1. offset
      2. offset-anchor
      3. offset-distance
      4. offset-path
      5. offset-position
      6. offset-rotate
    78. opacity
    79. order
    80. orphans
    81. outline-*
      1. outline
      2. outline-color
      3. outline-offset
      4. outline-style
      5. outline-width
    82. overflow-*
      1. overflow
      2. overflow-anchor
      3. overflow-block
      4. overflow-clip-margin
      5. overflow-inline
      6. overflow-wrap
      7. overflow-x
      8. overflow-y
    83. overlay Expérimental
    84. overscroll-*
      1. overscroll-behavior
      2. overscroll-behavior-block
      3. overscroll-behavior-inline
      4. overscroll-behavior-x
      5. overscroll-behavior-y
    85. padding-*
      1. padding
      2. padding-block
      3. padding-block-end
      4. padding-block-start
      5. padding-bottom
      6. padding-inline
      7. padding-inline-end
      8. padding-inline-start
      9. padding-left
      10. padding-right
      11. padding-top
    86. page-*
      1. page
      2. page-break-after Obsolète
      3. page-break-before Obsolète
      4. page-break-inside Obsolète
    87. paint-order
    88. perspective
    89. perspective-origin
    90. place-*
      1. place-content
      2. place-items
      3. place-self
    91. pointer-events
    92. position-*
      1. position
      2. position-anchor Expérimental
      3. position-area Expérimental
      4. position-try Expérimental
      5. position-try-fallbacks Expérimental
      6. position-try-order Expérimental
      7. position-visibility Expérimental
    93. print-color-adjust
    94. quotes
    95. r
    96. resize
    97. right
    98. rotate
    99. row-gap (grid-row-gap)
    100. ruby-align
    101. ruby-position
    102. rx
    103. ry
    104. scale
    105. scroll-*
      1. scroll-behavior
      2. scroll-margin
      3. scroll-margin-block
      4. scroll-margin-block-end
      5. scroll-margin-block-start
      6. scroll-margin-bottom
      7. scroll-margin-inline
      8. scroll-margin-inline-end
      9. scroll-margin-inline-start
      10. scroll-margin-left
      11. scroll-margin-right
      12. scroll-margin-top
      13. scroll-marker-group Expérimental
      14. scroll-padding
      15. scroll-padding-block
      16. scroll-padding-block-end
      17. scroll-padding-block-start
      18. scroll-padding-bottom
      19. scroll-padding-inline
      20. scroll-padding-inline-end
      21. scroll-padding-inline-start
      22. scroll-padding-left
      23. scroll-padding-right
      24. scroll-padding-top
      25. scroll-snap-align
      26. scroll-snap-stop
      27. scroll-snap-type
      28. @scroll-timeline Expérimental
      29. scroll-timeline-axis Expérimental
      30. scroll-timeline-name Expérimental
    106. scrollbar-*
      1. scrollbar-color
      2. scrollbar-gutter
      3. scrollbar-width
    107. shape-*
      1. shape-image-threshold
      2. shape-margin
      3. shape-outside
      4. shape-rendering
    108. speak-as Expérimental
    109. stop-color
    110. stop-opacity
    111. stroke-*
      1. stroke
      2. stroke-dasharray
      3. stroke-dashoffset
      4. stroke-linecap
      5. stroke-linejoin
      6. stroke-miterlimit
      7. stroke-opacity
      8. stroke-width
    112. tab-size
    113. table-layout
    114. text-*
      1. text-align
      2. text-align-last
      3. text-anchor
      4. text-box
      5. text-box-edge
      6. text-box-trim
      7. text-combine-upright
      8. text-decoration
      9. text-decoration-color
      10. text-decoration-line
      11. text-decoration-skip Expérimental
      12. text-decoration-skip-ink
      13. text-decoration-style
      14. text-decoration-thickness
      15. text-emphasis
      16. text-emphasis-color
      17. text-emphasis-position
      18. text-emphasis-style
      19. text-indent
      20. text-justify
      21. text-orientation
      22. text-overflow
      23. text-rendering
      24. text-shadow
      25. text-size-adjust Expérimental
      26. text-spacing-trim Expérimental
      27. text-transform
      28. text-underline-offset
      29. text-underline-position
      30. text-wrap
      31. text-wrap-mode
      32. text-wrap-style
    115. timeline-scope Expérimental
    116. top
    117. touch-action
    118. transform-*
      1. transform
      2. transform-box
      3. transform-origin
      4. transform-style
    119. transition-*
      1. transition
      2. transition-behavior
      3. transition-delay
      4. transition-duration
      5. transition-property
      6. transition-timing-function
    120. translate
    121. unicode-bidi
    122. user-modify Non standard Obsolète
    123. user-select
    124. vector-effect
    125. vertical-align
    126. view-*
      1. view-timeline Expérimental
      2. view-timeline-axis Expérimental
      3. view-timeline-inset Expérimental
      4. view-timeline-name Expérimental
      5. view-transition-name
    127. visibility
    128. white-space
    129. white-space-collapse
    130. widows
    131. width
    132. will-change
    133. word-break
    134. word-spacing
    135. writing-mode
    136. x
    137. y
    138. z-index
    139. zoom
  10. Selectors
    1. & nesting selector
    2. Sélecteurs d'attribut
    3. Sélecteurs de classe
    4. Sélecteurs d'ID
    5. Sélecteurs de type
    6. Sélecteurs universels
  11. Combinators
    1. Sélecteurs enfant
    2. Combinateur de colonne Expérimental
    3. Sélecteurs descendant
    4. Namespace separator
    5. Combinateur de voisins directs
    6. Liste de sélecteurs
    7. Combinateur de voisins suivants
  12. Pseudo-classes
    1. :-moz-*
      1. :-moz-broken Non standard Obsolète
      2. :-moz-drag-over Non standard
      3. :-moz-first-node Expérimental Non standard
      4. :-moz-handler-blocked Non standard
      5. :-moz-handler-crashed Non standard
      6. :-moz-handler-disabled Non standard
      7. :-moz-last-node Expérimental Non standard
      8. :-moz-loading Non standard
      9. :-moz-locale-dir(ltr) Non standard
      10. :-moz-locale-dir(rtl) Non standard
      11. :-moz-only-whitespace Non standard
      12. :-moz-submit-invalid Non standard
      13. :-moz-suppressed Non standard
      14. :-moz-user-disabled Non standard
      15. :-moz-window-inactive Non standard
    2. :active
    3. :any-link
    4. :-webkit-autofill
    5. :blank Expérimental
    6. :buffering
    7. :checked
    8. :current Expérimental
    9. :default
    10. :defined
    11. :dir()
    12. :disabled
    13. :empty
    14. :enabled
    15. :first-*
      1. :first
      2. :first-child
      3. :first-of-type
    16. :focus-*
      1. :focus
      2. :focus-visible
      3. :focus-within
    17. :fullscreen
    18. :future
    19. :has-slotted
    20. :has
    21. :host
    22. :host-context()
    23. :host()
    24. :hover
    25. :in-range
    26. :indeterminate
    27. :invalid
    28. :is()
    29. :lang
    30. :last-child
    31. :last-of-type
    32. :left
    33. :link
    34. :local-link Expérimental
    35. :modal
    36. :muted
    37. :not
    38. :nth-*
      1. :nth-child
      2. :nth-last-child
      3. :nth-last-of-type
      4. :nth-of-type
    39. :only-child
    40. :only-of-type
    41. :open
    42. :optional
    43. :out-of-range
    44. :past
    45. :paused
    46. :picture-in-picture
    47. :placeholder-shown
    48. :playing
    49. :popover-open
    50. :read-only
    51. :read-write
    52. :required
    53. :right
    54. :root
    55. :scope
    56. :seeking
    57. :stalled
    58. :state()
    59. :target-*
      1. :target
      2. :target-current Expérimental
      3. :target-within Expérimental
    60. :-moz-ui-invalid
    61. :user-valid (:-moz-ui-valid)
    62. :valid
    63. :visited
    64. :volume-locked
    65. :where()
  13. Pseudo-elements
    1. ::-moz-*
      1. ::-moz-color-swatch Non standard
      2. ::-moz-focus-inner Expérimental Non standard
      3. ::-moz-list-bullet Expérimental Non standard
      4. ::-moz-list-number Expérimental Non standard
      5. ::-moz-meter-bar Non standard
      6. ::-moz-progress-bar Expérimental Non standard
      7. ::-moz-range-progress Non standard
      8. ::-moz-range-thumb Non standard
      9. ::-moz-range-track Non standard
    2. ::-webkit-*
      1. ::-webkit-inner-spin-button Non standard
      2. ::-webkit-meter-bar Non standard Obsolète
      3. ::-webkit-meter-even-less-good-value Non standard
      4. ::-webkit-meter-inner-element Non standard
      5. ::-webkit-meter-optimum-value Non standard
      6. ::-webkit-meter-suboptimum-value Non standard
      7. ::-webkit-progress-bar Non standard
      8. ::-webkit-progress-inner-element Non standard
      9. ::-webkit-progress-value Non standard
      10. ::-webkit-scrollbar Non standard
      11. ::-webkit-search-cancel-button Non standard
      12. ::-webkit-search-results-button Non standard
      13. ::-webkit-slider-runnable-track Non standard
      14. ::-webkit-slider-thumb Non standard
    3. ::after
    4. ::backdrop
    5. ::before (:before)
    6. ::checkmark Expérimental
    7. ::column Expérimental
    8. ::cue
    9. ::details-content
    10. ::-webkit-file-upload-button
    11. ::first-letter
    12. ::first-line (:first-line)
    13. ::grammar-error
    14. ::highlight()
    15. ::marker
    16. ::part()
    17. ::picker-icon Expérimental
    18. ::picker() Expérimental
    19. ::placeholder
    20. ::scroll-*
      1. ::scroll-button() Expérimental
      2. ::scroll-marker Expérimental
      3. ::scroll-marker-group Expérimental
    21. ::selection
    22. ::slotted()
    23. ::spelling-error
    24. ::target-text
    25. ::view-*
      1. ::view-transition
      2. ::view-transition-group
      3. ::view-transition-image-pair
      4. ::view-transition-new
      5. ::view-transition-old
  14. At-rules
    1. @charset
    2. @color-profile
    3. @container
    4. @counter-style
    5. @document Non standard Obsolète
    6. @font-face
    7. @font-feature-values
    8. @font-palette-values
    9. @import
    10. @keyframes
    11. @layer
    12. @media
    13. @namespace
    14. @page
    15. @position-try Expérimental
    16. @property
    17. @scope
    18. @starting-style
    19. @supports
    20. @view-transition
  15. Functions
    1. -moz-image-rect Non standard Obsolète
    2. abs()
    3. acos()
    4. anchor-size() Expérimental
    5. anchor() Expérimental
    6. asin()
    7. atan()
    8. atan2()
    9. attr()
    10. blur()
    11. brightness()
    12. calc-size() Expérimental
    13. calc
    14. circle()
    15. clamp()
    16. color-mix()
    17. color()
    18. conic-gradient()
    19. contrast()
    20. cos()
    21. counter()
    22. counters()
    23. cross-fade()
    24. cubic-bezier()
    25. device-cmyk()
    26. drop-shadow()
    27. element Expérimental
    28. ellipse()
    29. env()
    30. exp()
    31. fit-content()
    32. grayscale()
    33. hsl()
    34. hue-rotate()
    35. hwb()
    36. hypot()
    37. image-set()
    38. image()
    39. inset()
    40. invert()
    41. lab()
    42. layer()
    43. lch()
    44. light-dark()
    45. linear-gradient()
    46. linear()
    47. log()
    48. matrix()
    49. matrix3d()
    50. max()
    51. min()
    52. minmax()
    53. mod()
    54. oklab()
    55. oklch()
    56. opacity()
    57. paint()
    58. palette-mix() Expérimental
    59. path()
    60. perspective()
    61. polygon()
    62. pow()
    63. radial-gradient()
    64. ray()
    65. rect()
    66. rem()
    67. repeat()
    68. repeating-conic-gradient()
    69. repeating-linear-gradient()
    70. repeating-radial-gradient()
    71. rgb()
    72. rotate()
    73. rotate3d()
    74. rotateX()
    75. rotateY()
    76. rotateZ()
    77. round()
    78. saturate()
    79. scale()
    80. scale3d()
    81. scaleX()
    82. scaleY()
    83. scaleZ()
    84. scroll() Expérimental
    85. sepia()
    86. shape()
    87. sign()
    88. sin()
    89. skew()
    90. skewX()
    91. skewY()
    92. sqrt()
    93. steps()
    94. symbols()
    95. tan()
    96. translate()
    97. translate3d()
    98. translateX()
    99. translateY()
    100. translateZ()
    101. url()
    102. var()
    103. view() Expérimental
    104. xywh()
  16. Types
    1. <absolute-size>
    2. alpha-value
    3. <angle-percentage>
    4. <angle>
    5. <baseline-position>
    6. <basic-shape>
    7. <blend-mode>
    8. <box-edge>
    9. <calc-keyword>
    10. <calc-sum>
    11. <color-interpolation-method>
    12. <color>
    13. <content-distribution>
    14. <content-position>
    15. <custom-ident>
    16. <dashed-ident>
    17. <dimension>
    18. <display-box>
    19. display-inside
    20. <display-internal>
    21. <display-legacy>
    22. <display-listitem>
    23. display-outside
    24. <easing-function>
    25. <filter-function>
    26. <flex>
    27. <frequency-percentage>
    28. <frequency>
    29. <generic-family>
    30. <gradient>
    31. <hex-color>
    32. <hue-interpolation-method>
    33. <hue>
    34. <ident>
    35. <image>
    36. <integer>
    37. <length-percentage>
    38. <length>
    39. <line-style>
    40. <named-color>
    41. <number>
    42. <overflow-position>
    43. <overflow>
    44. <percentage>
    45. <position-area> Expérimental
    46. <position>
    47. <ratio>
    48. <relative-size>
    49. <resolution>
    50. <self-position>
    51. <shape> Obsolète
    52. <string>
    53. <system-color>
    54. <text-edge>
    55. <time-percentage>
    56. <time>
    57. transform-function
    58. url()
  17. Guides
  18. Animations
    1. Animation des propriétés en CSS
    2. Utiliser les animations CSS
  19. Arrière-plans et bordures
    1. Utiliser plusieurs arrière-plans
    2. Redimensionner les images d'arrière-plan
    3. Redimensionnement d'arrière-plans SVG
  20. Box alignment
    1. Overview
    2. Alignement des boîtes avec la disposition en bloc
    3. L'alignement des boîtes avec Flexbox
    4. L'alignement des boîtes avec une grille CSS
    5. L'alignement des boîtes avec une disposition en colonnes
  21. Modèle de boîte
    1. Introduction to the CSS basic box model
    2. Fusion des marges
  22. Colors
    1. Applying color to HTML
    2. Color values
    3. Using relative colors
    4. Using color wisely
    5. Accessibility: Colors and luminance
    6. Accessibility: Color contrast
  23. Colonnes
    1. Concepts de base pour la disposition multi-colonnes
    2. Mettre en forme les colonnes
    3. Utiliser une disposition multi-colonnes
    4. Répartir et équilibrer le contenu entre les colonnes
    5. Gestion du dépassement en multi-colonnes
    6. Gérer la rupture du contenu entre les colonnes
  24. Règles conditionnelles
    1. Utiliser les requêtes de fonctionnalité (feature queries)
    2. Using container scroll-state queries
  25. Containment
    1. Using CSS containment
    2. CSS container queries
    3. Using container size and style queries
  26. Vue CSSOM
    1. Systèmes de coordonnées
    2. Concepts relatifs au viewport
  27. Mis en page
    1. Disposition de bloc et en ligne avec le flux normal
    2. Contexte de formatage de blocs
    3. CSS Flow Layout
    4. La disposition en flux et le dépassement
    5. Disposition de flux et modes d'écriture
    6. Être ou ne pas être dans le flux
    7. Explications quant aux contextes de formatage
    8. À propos du bloc conteneur
    9. Using the multi-keyword syntax with CSS display
    10. Modèle de mise en forme visuelle
  28. Boîtes flexibles
    1. Les concepts de base pour flexbox
    2. Les liens entre flexbox et les autres méthodes de disposition
    3. Aligner des éléments dans un conteneur flexible
    4. Ordonner les éléments flexibles
    5. Contrôler les proportions des boîtes flexibles le long de l'axe principal
    6. Maîtriser le passage à la ligne des éléments flexibles
    7. Cas d'utilisation classiques de flexbox
  29. Polices
    1. Guide des caractéristiques de police OpenType
    2. Guide des polices variables
    3. Web Open Font Format (WOFF)
  30. Grille
    1. Les concepts de base des grilles CSS
    2. Le modèle de grille et les autres modèles de disposition
    3. Placer les éléments sur les lignes d'une grille CSS
    4. Définir des zones sur une grille
    5. Utiliser des lignes nommées sur une grille
    6. Le placement automatique sur une grille CSS
    7. L'alignement des boîtes avec les grilles CSS
    8. Les grilles CSS, les valeurs logiques et les modes d'écriture
    9. Les grilles CSS et l'accessibilité
    10. Construire des dispositions courantes avec des grilles CSS
    11. Subgrid
    12. align-tracks Expérimental
  31. Images
    1. Utilisation de dégradés CSS
    2. Élément remplacé
    3. Les sprites CSS
  32. Listes et compteurs
    1. Compteurs CSS
    2. Indentation homogène des listes
  33. Propriétés logiques
    1. Concepts de base des propriétés et valeurs logiques
    2. Propriétés logiques pour les flottements et le positionnement
    3. Propriétés logiques pour les marges, les bordures et les remplissages
    4. Propriétés logiques pour le dimensionnement
  34. Requêtes média
    1. Media queries
    2. Utilisation des requêtes média pour l'accessibilité
    3. Tester les requêtes média en JavaScript
    4. Printing
  35. Nesting style rules
    1. Using CSS nesting
    2. CSS nesting at-rules
    3. CSS nesting and specificity
  36. Positionnement
    1. Le contexte d'empilement
    2. Empilement et éléments flottants
    3. Comprendre z-index en CSS
    4. Ajouter z-index
    5. Empilement sans z-index
  37. Ancrage du défilement
    1. Concepts de bases pour CSS Scroll Snap
    2. Using scroll snap events
  38. Formes
    1. Aperçu des formes CSS
    2. Créer des formes à partir des boîtes
    3. Formes simples
    4. Générer des formes avec des images
  39. Texte
    1. Wrapping and breaking text
  40. Transformations
    1. Utilisation des transformations CSS
  41. Transitions
    1. Utiliser les transitions CSS
  42. Values and units
    1. Syntaxe de définition des valeurs
    2. Numeric data types
    3. Textual data types
    4. Using CSS math functions
  43. CSS Layout cookbook
    1. Objets avec média
    2. Disposition en colonnes
    3. Centrer un élément
    4. Bas de page adhérant
    5. Navigation segmentée
    6. Fil d'Ariane (breadcrumb)
    7. Liste de groupes avec indicateurs
    8. Pagination
    9. Carte
    10. Envelopper une grille
  45. Outils
    1. Color picker tool
    2. Générateur de box-shadow
    3. Générateur de border-image
    4. Générateur de border-radius

Dans cet article

  • Référence
  • Spécifications
  • Compatibilité des navigateurs

CSS Conditional Rules

CSS Conditional Rules (ou règles conditionnelles CSS) est un module CSS qui permet de définir un ensemble de règles qui ne s'appliqueront qu'en fonction des capacités du processeur ou du document auquel la feuille de styles est appliquée.

Référence

Règles @

  • @document
  • @media
  • @supports
  • @import

Spécifications

Specification
CSS Conditional Rules Module Level 5
CSS Conditional Rules Module Level 4
CSS Conditional Rules Module Level 3

Compatibilité des navigateurs

Help improve MDN

Learn how to contribute.

This page was last modified on 3 août 2023 by MDN contributors.

View this page on GitHub • Report a problem with this content
MDN logo

Your blueprint for a better internet.

  • MDN on Bluesky
  • MDN on Mastodon
  • MDN on X (formerly Twitter)
  • MDN on GitHub
  • MDN Blog RSS Feed

MDN

  • About
  • Blog
  • Careers
  • Advertise with us

Support

  • Product help
  • Report an issue

Our communities

  • MDN Community
  • MDN Forum
  • MDN Chat

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
  • Hacks Blog
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2025 by individual mozilla.org contributors. Content available under a Creative Commons license.