• 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

    • Web Technology

      Web technology reference for developers

  • Guides
    • 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. Web-Technologien für Entwickler
  2. CSS
  3. CSS-Masking
    • English (US)
    • Français
    • 日本語
    • 한국어
    • 中文 (简体)

Experiment: Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.

In diesem Artikel

  • Referenz
  • Spezifikationen
  1. CSS
  2. Tutorials
  3. CSS Grundlagen
  4. CSS erste Schritte
    1. CSS erste Schritte (Übersicht)
    2. Was ist CSS?
    3. Erste Schritte mit CSS
    4. Wie CSS aufgebaut ist
    5. Wie CSS funktioniert
    6. Aufgabe: Gestaltung einer Biografie-Seite
  5. CSS Bausteine
    1. CSS Bausteine (Übersicht)
    2. CSS Selektoren
    3. Typ-, Klassen- und ID-Selektoren
    4. Attribut-Selektoren
    5. Pseudo-Klassen und Pseudo-Elemente
    6. Kombinatoren
    7. Kaskade und Vererbung
    8. Kaskadenschichten
    9. Das Box-Modell
    10. Hintergründe und Rahmen
    11. Umgang mit verschiedenen Textrichtungen
    12. Überlaufender Inhalt
    13. CSS-Werte und -Einheiten
    14. Größenanpassung von Elementen in CSS
    15. Bilder, Medien und Formularelemente
    16. Tabellen gestalten
    17. CSS debuggen
    18. CSS organisieren
    19. Aufgabe: Grundlegendes CSS-Verständnis
    20. Aufgabe: Erstellung von schickem Briefpapier
    21. Aufgabe: Eine cool aussehende Box
  6. Textgestaltung
    1. Textgestaltung (Übersicht)
    2. Grundlegende Text- und Schriftgestaltung
    3. Listen gestalten
    4. Links gestalten
    5. Web-Schriftarten
    6. Aufgabe: Satz einer Community-Schulhomepage
  7. CSS-Layout
    1. CSS-Layout (Übersicht)
    2. Einführung in CSS-Layout
    3. Normaler Fluss
    4. Flexbox
    5. Raster
    6. Floats
    7. Positionierung
    8. Mehrspalten-Layout
    9. Responsives Design
    10. Anfängerkurs zu Media-Queries
    11. Veraltete Layout-Methoden
    12. Unterstützung älterer Browser
    13. Aufgabe: Grundlegendes Layout-Verständnis
  8. Referenz
  9. Modules
    1. CSS Verankerungspositionierung
    2. CSS-Animationen
    3. CSS Hintergründe und Rahmen
    4. CSS basic user interface
    5. CSS-Box-Alignment
    6. CSS box model
    7. CSS box sizing
    8. CSS Cascade und Vererbung
    9. CSS benutzerdefinierte Eigenschaften für kaskadierende Variablen
    10. CSS Color Adjustment
    11. CSS-Farben
    12. CSS Compositing und Blending
    13. CSS bedingte Regeln
    14. CSS Containment
    15. CSS Counter Styles
    16. CSS display
    17. CSS-Filtereffekte
    18. CSS flexible box layout
    19. CSS font loading
    20. CSS fonts
    21. CSS Fragmentierung
    22. CSS generierte Inhalte
    23. CSS grid layout
    24. CSS Bilder
    25. CSS-Listen und Zähler
    26. CSS logische Eigenschaften und Werte
    27. CSS-Masking
    28. CSS media queries
    29. CSS motion path
    30. CSS multi-column layout
    31. CSS Namespaces
    32. CSS-Nesting
    33. CSS overflow
    34. CSS overscroll behavior
    35. CSS paged media
    36. CSS positioned layout
    37. CSS properties and values API
    38. CSS-Pseudoelemente
    39. CSS ruby layout
    40. CSS Scoping
    41. CSS scrollgetriebene Animationen
    42. CSS scroll snap
    43. CSS Scrollbar-Styling
    44. CSS-Selektoren
    45. CSS shadow parts
    46. CSS shapes
    47. CSS-Syntax
    48. CSS-Tabelle
    49. CSS Text
    50. CSS text decoration
    51. CSS transforms
    52. CSS-Übergänge
    53. CSS view transitions
    54. CSS writing modes
    55. CSSOM view
  10. Properties
    1. -moz-*
      1. -moz-float-edge Nicht standardisiert Veraltet
      2. -moz-force-broken-image-icon Nicht standardisiert Veraltet
      3. -moz-image-region Nicht standardisiert
      4. -moz-orient Nicht standardisiert
      5. -moz-user-focus Nicht standardisiert Veraltet
      6. -moz-user-input Nicht standardisiert Veraltet
    2. -webkit-*
      1. -webkit-border-before Nicht standardisiert
      2. -webkit-box-reflect Nicht standardisiert
      3. -webkit-line-clamp
      4. -webkit-mask-box-image Nicht standardisiert
      5. -webkit-mask-composite Nicht standardisiert
      6. -webkit-mask-position-x Nicht standardisiert
      7. -webkit-mask-position-y Nicht standardisiert
      8. -webkit-mask-repeat-x Nicht standardisiert
      9. -webkit-mask-repeat-y Nicht standardisiert
      10. -webkit-tap-highlight-color Nicht standardisiert
      11. -webkit-text-fill-color
      12. -webkit-text-security Nicht standardisiert
      13. -webkit-text-stroke
      14. -webkit-text-stroke-color
      15. -webkit-text-stroke-width
      16. -webkit-touch-callout Nicht standardisiert
    3. accent-color
    4. align-*
      1. align-content
      2. align-items
      3. align-self
    5. all
    6. anchor-name Experimentell
    7. 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 Experimentell
      11. animation-range-end Experimentell
      12. animation-range-start Experimentell
      13. animation-timeline Experimentell
      14. animation-timing-function
    8. appearance
    9. aspect-ratio
    10. backdrop-filter
    11. backface-visibility
    12. background-*
      1. Hintergrund
      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
    13. block-size
    14. 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
    15. bottom
    16. box-*
      1. box-align Nicht standardisiert Veraltet
      2. box-decoration-break
      3. box-direction Nicht standardisiert Veraltet
      4. box-flex Nicht standardisiert Veraltet
      5. box-flex-group Nicht standardisiert Veraltet
      6. box-lines Nicht standardisiert Veraltet
      7. box-ordinal-group Nicht standardisiert Veraltet
      8. box-orient Nicht standardisiert Veraltet
      9. box-pack Nicht standardisiert Veraltet
      10. box-shadow
      11. box-sizing
    17. break-*
      1. break-after
      2. break-before
      3. break-inside
    18. caption-side
    19. caret-color
    20. clear
    21. clip-*
      1. clip Veraltet
      2. clip-path
      3. clip-rule
    22. color-*
      1. color
      2. color-interpolation
      3. color-interpolation-filters
      4. color-scheme
    23. column-*
      1. column-count
      2. column-fill
      3. column-gap
      4. column-rule
      5. column-rule-color
      6. column-rule-style
      7. column-rule-width
      8. column-span
      9. column-width
    24. columns
    25. 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
    26. container-*
      1. container
      2. container-name
      3. container-type
    27. content
    28. content-visibility
    29. counter-*
      1. counter-increment
      2. counter-reset
      3. counter-set
    30. cursor
    31. cx
    32. cy
    33. d-Eigenschaft
    34. direction
    35. display
    36. dominant-baseline
    37. empty-cells
    38. field-sizing Experimentell
    39. fill-*
      1. fill
      2. fill-opacity
      3. fill-rule
    40. filter
    41. flex-*
      1. flex
      2. flex-basis
      3. flex-direction
      4. flex-flow
      5. flex-grow
      6. flex-shrink
      7. flex-wrap
    42. float
    43. 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 Nicht standardisiert
      11. font-stretch
      12. font-style
      13. font-synthesis
      14. font-synthesis-position
      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
    44. forced-color-adjust
    45. gap
    46. 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
    47. hanging-punctuation
    48. height
    49. hyphenate-character
    50. hyphenate-limit-chars
    51. hyphens
    52. image-*
      1. image-orientation
      2. image-rendering
      3. image-resolution Experimentell
    53. initial-letter
    54. inline-size
    55. 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
    56. interpolate-size Experimentell
    57. isolation
    58. justify-*
      1. justify-content
      2. justify-items
      3. justify-self
    59. left
    60. letter-spacing
    61. line-*
      1. line-break
      2. line-height
      3. line-height-step Experimentell
    62. list-*
      1. list-style
      2. list-style-image
      3. list-style-position
      4. list-style-type
    63. 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 Experimentell
    64. marker-*
      1. marker
      2. marker-end
      3. marker-mid
      4. marker-start
    65. 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
    66. math-*
      1. math-depth
      2. math-shift Experimentell
      3. math-style
    67. max-*
      1. max-block-size
      2. max-height
      3. max-inline-size
      4. max-width
    68. min-*
      1. min-block-size
      2. min-height
      3. min-inline-size
      4. min-width
    69. mix-blend-mode
    70. object-fit
    71. object-position
    72. offset-*
      1. offset
      2. offset-anchor
      3. offset-distance
      4. offset-path
      5. offset-position
      6. offset-rotate
    73. opacity
    74. order
    75. orphans
    76. outline-*
      1. outline
      2. outline-color
      3. outline-offset
      4. outline-style
      5. outline-width
    77. 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
    78. overlay Experimentell
    79. overscroll-*
      1. overscroll-behavior
      2. overscroll-behavior-block
      3. overscroll-behavior-inline
      4. overscroll-behavior-x
      5. overscroll-behavior-y
    80. 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
    81. page-*
      1. page
      2. page-break-after
      3. page-break-before
      4. page-break-inside
    82. paint-order
    83. perspective
    84. perspective-origin
    85. place-*
      1. place-content
      2. place-items
      3. place-self
    86. pointer-events
    87. position-*
      1. position
      2. position-anchor Experimentell
      3. position-area
      4. position-try Experimentell
      5. position-try-fallbacks Experimentell
      6. position-try-order Experimentell
      7. position-visibility Experimentell
    88. print-color-adjust
    89. quotes
    90. r
    91. resize
    92. right
    93. rotate
    94. row-gap
    95. ruby-align
    96. ruby-position
    97. rx
    98. ry
    99. scale
    100. 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-padding
      14. scroll-padding-block
      15. scroll-padding-block-end
      16. scroll-padding-block-start
      17. scroll-padding-bottom
      18. scroll-padding-inline
      19. scroll-padding-inline-end
      20. scroll-padding-inline-start
      21. scroll-padding-left
      22. scroll-padding-right
      23. scroll-padding-top
      24. scroll-snap-align
      25. scroll-snap-stop
      26. scroll-snap-type
      27. scroll-timeline Experimentell
      28. scroll-timeline-axis Experimentell
      29. scroll-timeline-name Experimentell
    101. scrollbar-*
      1. scrollbar-color
      2. scrollbar-gutter
      3. scrollbar-width
    102. shape-*
      1. shape-image-threshold
      2. shape-margin
      3. shape-outside
      4. shape-rendering
    103. stop-color
    104. stop-opacity
    105. stroke-*
      1. stroke
      2. stroke-dasharray
      3. stroke-dashoffset
      4. stroke-linecap
      5. stroke-linejoin
      6. stroke-miterlimit
      7. stroke-opacity
      8. stroke-width
    106. tab-size
    107. table-layout
    108. text-*
      1. text-align
      2. text-align-last
      3. text-anchor
      4. text-combine-upright
      5. text-decoration
      6. text-decoration-color
      7. text-decoration-line
      8. text-decoration-skip Experimentell
      9. text-decoration-skip-ink
      10. text-decoration-style
      11. text-decoration-thickness
      12. text-emphasis
      13. text-emphasis-color
      14. text-emphasis-position
      15. text-emphasis-style
      16. text-indent
      17. text-justify
      18. text-orientation
      19. text-overflow
      20. text-rendering
      21. text-shadow
      22. text-size-adjust Experimentell
      23. text-spacing-trim Experimentell
      24. text-transform
      25. text-underline-offset
      26. text-underline-position
      27. text-wrap
      28. text-wrap-mode
      29. text-wrap-style
    109. timeline-scope Experimentell
    110. top
    111. touch-action
    112. transform-*
      1. transform
      2. transform-box
      3. transform-origin
      4. transform-style
    113. transition-*
      1. transition
      2. transition-behavior
      3. transition-delay
      4. transition-duration
      5. transition-property
      6. transition-timing-function
    114. translate
    115. unicode-bidi
    116. user-modify Nicht standardisiert Veraltet
    117. user-select
    118. vector-effect
    119. vertical-align
    120. view-*
      1. view-timeline Experimentell
      2. view-timeline-axis Experimentell
      3. view-timeline-inset Experimentell
      4. view-timeline-name Experimentell
      5. view-transition-name
    121. visibility
    122. white-space
    123. white-space-collapse
    124. widows
    125. width
    126. will-change
    127. word-break
    128. word-spacing
    129. writing-mode
    130. x
    131. y
    132. z-index
    133. zoom
  11. Selectors
    1. Attributselektoren
    2. Klassenselektoren
    3. ID-Selektoren
    4. & nesting selector
    5. Typselektoren
    6. Universelle Selektoren
  12. Combinators
    1. Child Combinator
    2. Column-Kombinator Experimentell
    3. Descendant combinator
    4. Namespace-Trennzeichen
    5. Next-sibling Kombinator
    6. Selector list
    7. Subsequent-sibling combinator
  13. Pseudo-classes
    1. :-moz-broken Nicht standardisiert Veraltet
    2. :-moz-drag-over Nicht standardisiert
    3. :-moz-first-node Experimentell Nicht standardisiert
    4. :-moz-handler-blocked Nicht standardisiert
    5. :-moz-handler-crashed Nicht standardisiert
    6. :-moz-handler-disabled Nicht standardisiert
    7. :-moz-last-node Experimentell Nicht standardisiert
    8. :-moz-loading Nicht standardisiert
    9. :-moz-locale-dir(ltr) Nicht standardisiert
    10. :-moz-locale-dir(rtl) Nicht standardisiert
    11. :-moz-only-whitespace Nicht standardisiert
    12. :-moz-submit-invalid Nicht standardisiert
    13. :-moz-suppressed Nicht standardisiert
    14. :-moz-user-disabled Nicht standardisiert
    15. :-moz-window-inactive Nicht standardisiert
    16. :active
    17. :any-link
    18. :autofill
    19. :blank Experimentell
    20. :buffering
    21. :checked
    22. :current
    23. :default
    24. :defined
    25. :dir()
    26. :disabled
    27. :empty
    28. :enabled
    29. :first
    30. :first-child
    31. :first-of-type
    32. :focus
    33. :focus-visible
    34. :focus-within
    35. :fullscreen
    36. :future
    37. :has()
    38. :host
    39. :host-context()
    40. :host()
    41. :hover
    42. :in-range
    43. :indeterminate
    44. :invalid
    45. :is()
    46. :lang()
    47. :last-child
    48. :last-of-type
    49. :left
    50. :link
    51. :local-link
    52. :modal
    53. :muted
    54. :not()
    55. :nth-child()
    56. :nth-last-child()
    57. :nth-last-of-type()
    58. :nth-of-type()
    59. :only-child
    60. :only-of-type
    61. :optional
    62. :out-of-range
    63. :past
    64. :paused
    65. :picture-in-picture
    66. :placeholder-shown
    67. :playing
    68. :popover-open
    69. :read-only
    70. :read-write
    71. :required
    72. :right
    73. :root
    74. :scope
    75. :seeking
    76. :stalled
    77. :state()
    78. :target
    79. :target-within Experimentell
    80. :user-invalid
    81. :user-valid
    82. :valid
    83. :visited
    84. :volume-locked
    85. :where()
  14. Pseudo-elements
    1. ::-moz-color-swatch Nicht standardisiert
    2. ::-moz-focus-inner Experimentell Nicht standardisiert
    3. ::-moz-list-bullet Experimentell Nicht standardisiert
    4. ::-moz-list-number Experimentell Nicht standardisiert
    5. ::-moz-meter-bar Nicht standardisiert
    6. ::-moz-progress-bar Experimentell Nicht standardisiert
    7. ::-moz-range-progress Nicht standardisiert
    8. ::-moz-range-thumb Nicht standardisiert
    9. ::-moz-range-track Nicht standardisiert
    10. ::-webkit-inner-spin-button Nicht standardisiert
    11. ::-webkit-meter-bar Nicht standardisiert Veraltet
    12. ::-webkit-meter-even-less-good-value Nicht standardisiert
    13. ::-webkit-meter-inner-element Nicht standardisiert
    14. ::-webkit-meter-optimum-value Nicht standardisiert
    15. ::-webkit-meter-suboptimum-value Nicht standardisiert
    16. ::-webkit-progress-bar Nicht standardisiert
    17. ::-webkit-progress-inner-element Nicht standardisiert
    18. ::-webkit-progress-value Nicht standardisiert
    19. ::-webkit-scrollbar Nicht standardisiert
    20. ::-webkit-search-cancel-button Nicht standardisiert
    21. ::-webkit-search-results-button Nicht standardisiert
    22. ::-webkit-slider-runnable-track Experimentell
    23. ::-webkit-slider-thumb Experimentell
    24. ::after
    25. ::backdrop
    26. ::before
    27. ::cue
    28. ::file-selector-button
    29. ::first-letter
    30. ::first-line
    31. ::grammar-error
    32. ::highlight()
    33. ::marker
    34. ::part()
    35. ::placeholder
    36. ::selection
    37. ::slotted()
    38. ::spelling-error
    39. ::target-text
    40. ::view-transition
    41. ::view-transition-group
    42. ::view-transition-image-pair
    43. ::view-transition-new
    44. ::view-transition-old
  15. At-rules
    1. @charset
    2. @color-profile
    3. @container
    4. @counter-style
    5. @document Nicht standardisiert Veraltet
    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 Experimentell
    16. @property
    17. @scope
    18. @starting-style
    19. @supports
    20. @view-transition Experimentell
  16. Functions
    1. -moz-image-rect Nicht standardisiert Veraltet
    2. abs()
    3. acos()
    4. anchor-size() Experimentell
    5. anchor() Experimentell
    6. asin()
    7. atan()
    8. atan2()
    9. attr()
    10. blur()
    11. brightness()
    12. calc-size() Experimentell
    13. calc()
    14. circle()
    15. clamp()
    16. color-contrast() Experimentell
    17. color-mix()
    18. color()
    19. conic-gradient()
    20. contrast()
    21. cos()
    22. counter()
    23. counters()
    24. cross-fade()
    25. device-cmyk()
    26. drop-shadow()
    27. element() Experimentell
    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. log()
    47. matrix()
    48. matrix3d()
    49. max()
    50. min()
    51. minmax()
    52. mod()
    53. oklab()
    54. oklch()
    55. opacity()
    56. paint()
    57. palette-mix() Experimentell
    58. path()
    59. perspective()
    60. polygon()
    61. pow()
    62. radial-gradient()
    63. ray()
    64. rect()
    65. rem()
    66. repeat()
    67. repeating-conic-gradient()
    68. repeating-linear-gradient()
    69. repeating-radial-gradient()
    70. rgb()
    71. rotate()
    72. rotate3d()
    73. rotateX()
    74. rotateY()
    75. rotateZ()
    76. round()
    77. saturate()
    78. scale()
    79. scale3d()
    80. scaleX()
    81. scaleY()
    82. scaleZ()
    83. scroll() Experimentell
    84. sepia()
    85. shape() Experimentell
    86. sign()
    87. sin()
    88. skew()
    89. skewX()
    90. skewY()
    91. sqrt()
    92. symbols()
    93. tan()
    94. translate()
    95. translate3d()
    96. translateX()
    97. translateY()
    98. translateZ()
    99. url()
    100. var()
    101. view() Experimentell
    102. xywh()
  17. Types
    1. <absolute-size>
    2. <alpha-value>
    3. <angle>
    4. <angle-percentage>
    5. <basic-shape>
    6. <blend-mode>
    7. <box-edge>
    8. <calc-keyword>
    9. <calc-sum>
    10. <color-interpolation-method>
    11. <color>
    12. <custom-ident>
    13. <dashed-ident>
    14. <dimension>
    15. <display-box>
    16. <display-inside>
    17. <display-internal>
    18. <display-legacy>
    19. <display-listitem>
    20. <display-outside>
    21. <easing-function>
    22. <filter-function>
    23. <flex>
    24. <frequency>
    25. <frequency-percentage>
    26. <generic-family>
    27. <gradient>
    28. <hex-color>
    29. <hue>
    30. <hue-interpolation-method>
    31. <ident>
    32. <image>
    33. <integer>
    34. <length>
    35. <length-percentage>
    36. <line-style>
    37. <named-color>
    38. <number>
    39. <overflow>
    40. <prozentual>
    41. \<position-area\>
    42. <position>
    43. <ratio>
    44. <relative-size>
    45. <resolution>
    46. <shape> Veraltet
    47. <string>
    48. <system-color>
    49. <time>
    50. <time-percentage>
    51. <transform-function>
    52. <url>
  18. Leitfäden
  19. Animationen
    1. CSS-Animationen verwenden
  20. Hintergründe und Rahmen
    1. Mehrere Hintergründe verwenden
    2. Hintergrundbilder skalieren
  21. Box-Ausrichtung
    1. Box-Ausrichtung im Block-Layout
    2. Box-Ausrichtung in Flexbox
    3. Box-Ausrichtung im Raster-Layout
    4. Box-Ausrichtung im Mehrspalten-Layout
  22. Box-Modell
    1. Einführung in das grundlegende CSS-Box-Modell
    2. Beherrschung des Margin-Zusammenbruchs
  23. Farben
    1. Farbe auf HTML-Elemente anwenden
    2. Color values
    3. Verwendung relativer Farben
    4. Farben klug einsetzen
    5. Barrierefreiheit: Farben und Helligkeit verstehen
    6. Barrierefreiheit: Farbkontrast
  24. Spalten
    1. Grundlagen von Multicol
    2. Spalten gestalten
    3. Spannen und Ausgleichen
    4. Überlauf in Multicol handhaben
    5. Inhaltsumbrüche in Multicol
  25. Bedingte Regeln
    1. Feature-Abfragen verwenden
  26. Containment
    1. Verwendung von CSS Containment
    2. CSS Container Queries
    3. Verwendung von Containergrößen- und Stilabfragen
  27. CSSOM-Ansicht
    1. Koordinatensysteme
  28. Flexbox
    1. Grundlagen von Flexbox
    2. Vergleich mit anderen Layout-Methoden
    3. Elemente in einem Flex-Container ausrichten
    4. Flex-Elemente anordnen
    5. Verhältnis von Flex-Elementen steuern
    6. Beherrschung des Flex-Item-Wraps
    7. Typische Anwendungsfälle von Flexbox
  29. Fluss-Layout
    1. Block- und Inline-Layout im normalen Fluss
    2. Im Fluss und außerhalb des Flusses
    3. Formatierungskontexte erklärt
    4. Fluss-Layout und Schreibmodi
    5. Fluss-Layout und Überlauf
  30. Schriftarten
    1. Leitfaden zu OpenType-Schriftarten
    2. Leitfaden zu variablen Schriftarten
  31. Raster
    1. Grundlagen des Raster-Layouts
    2. Beziehung zu anderen Layout-Methoden
    3. Linienbasierte Platzierung
    4. Raster-Template-Bereiche
    5. Layout mit benannten Raster-Linien
    6. Automatische Platzierung im Raster-Layout
    7. Box-Ausrichtung im Raster-Layout
    8. Raster, logische Werte und Schreibmodi
    9. Raster-Layout und Barrierefreiheit
    10. Raster-Layout und progressive Verbesserung
    11. Umsetzung häufiger Layouts mit Rastern
    12. Unter-Raster
    13. Masonry-Layout
  32. Bilder
    1. CSS-Verläufe verwenden
  33. Listen und Zähler
    1. CSS-Zähler verwenden
    2. Konsistente Listen-Einrückung
  34. Logische Eigenschaften
    1. Grundkonzepte
    2. Floaten und Positionieren
    3. Ränder, Rahmen und Abstände
    4. Größenanpassung
  35. Mathematische Funktionen
    1. CSS-Mathematikfunktionen verwenden
  36. Media-Abfragen
    1. Media-Abfragen verwenden
    2. Media-Abfragen für Barrierefreiheit verwenden
    3. Media-Abfragen programmatisch testen
    4. Drucken
  37. Verschachteln von Stilregeln
    1. CSS-Verschachtelung verwenden
    2. Verschachtelung von @-Regeln
    3. Verschachtelung und Spezifität
  38. Positionierung
    1. CSS z-Index verstehen
  39. Scroll-Snap
    1. Grundkonzepte von Scroll-Snap
  40. Formen
    1. Übersicht der Formen
    2. Formen aus Box-Werten
    3. Grundlegende Formen
    4. Formen aus Bildern
  41. Text
    1. Text umfließen und umbrechen
  42. Transformationen
    1. Transformationen verwenden
  43. Übergänge
    1. Übergänge verwenden
  44. Layout-Kochbuch
    1. Medienobjekte
    2. Spalten
    3. Ein Element zentrieren
    4. Sticky-Footer
    5. Geteilte Navigation
    6. Breadcrumb-Navigation
    7. Listengruppe mit Abzeichen
    8. Seitennummerierung
    9. Karte
    10. Raster-Wrapper
  46. Werkzeuge
    1. Farbwähler
    2. Box-Schatten-Generator
    3. Border-Image-Generator
    4. Border-Radius-Generator

In diesem Artikel

  • Referenz
  • Spezifikationen

CSS-Masking

Das CSS-Masking-Modul definiert das Maskieren und Zuschneiden, um Teile von visuellen Elementen teilweise oder vollständig zu verbergen.

Referenz

Eigenschaften

  • clip
  • clip-path
  • clip-rule
  • mask
  • mask-border
  • mask-border-mode
  • mask-border-outset
  • mask-border-repeat
  • mask-border-slice
  • mask-border-source
  • mask-border-width
  • mask-clip
  • mask-composite
  • mask-image
  • mask-mode
  • mask-origin
  • mask-position
  • mask-repeat
  • mask-size
  • mask-type

Spezifikationen

Specification
CSS Masking Module Level 1

MDN-Feedback-Box

Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden
MDN logo

Your blueprint for a better internet.

  • 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
Mozilla logo
  • 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–2024 by individual mozilla.org contributors. Content available under a Creative Commons license.