• 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

      Learn to make the web accessible to 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

  • 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. Beginner's tutorials
  3. Your first website: Styling the content
  4. CSS styling basics
    1. Was ist CSS?
    2. Einstieg in CSS
    3. Herausforderung: Gestaltung einer Biografie-Seite
    4. Grundlegende CSS-Selektoren
    5. Attribut-Selektoren
    6. Pseudoklassen und Pseudoelemente
    7. Kombinatoren
    8. Das Box-Modell
    9. Umgang mit Konflikten
    10. CSS-Werte und -Einheiten
    11. Größenbestimmung von Elementen in CSS
    12. Hintergründe und Rahmen
    13. Überlaufender Inhalt
    14. Bilder, Medien und Formularelemente
    15. Tabellen stylen
    16. Debugging CSS
    17. Herausforderung: Grundlegendes CSS-Verständnis
    18. Herausforderung: Erstellung eines ansprechenden Briefpapiers
    19. Herausforderung: Eine cool aussehende Box
  5. CSS text styling
    1. Grundlegende Text- und Schriftgestaltung
    2. Listen gestalten
    3. Gestaltung von Links
    4. Webfonts
    5. Herausforderung: Setzen einer Startseite für eine Gemeinschaftsschule
  6. CSS-Layout
    1. Einführung in CSS-Layout
    2. Floats
    3. Platzierung
    4. Flexbox
    5. CSS Grid-Layout
    6. Responsives Design
    7. Grundlagen von Media Query
    8. Herausforderung: Grundlegendes Verständnis von Layouts
  7. CSS-Referenz
  8. Modules
    1. CSS-Ankerpositionierung
    2. CSS-Animationen
    3. CSS-Hintergründe und -Rahmen
    4. CSS Basis-Benutzeroberfläche
    5. CSS-Box-Ausrichtung
    6. CSS-Boxmodell
    7. CSS box sizing
    8. CSS-Kaskade und Vererbung
    9. CSS-Farbjustierung
    10. CSS Farben
    11. CSS-Kompositing und -Mischen
    12. CSS-Bedingungsregeln
    13. CSS Containment
    14. CSS-Zählerstile
    15. CSS benutzerdefinierte Eigenschaften für kaskadierende Variablen
    16. CSS display
    17. CSS filter effects
    18. CSS Flexibler Box-Layout
    19. CSS font loading
    20. CSS-Schriften
    21. CSS Fragmentierung
    22. CSS generierter Inhalt
    23. CSS grid layout
    24. CSS Bilder
    25. CSS-Inline-Layout
    26. CSS-Listen und Zähler
    27. CSS logische Eigenschaften und Werte
    28. CSS-Masking
    29. CSS-Media-Queries
    30. CSS motion path
    31. CSS Mehrspalten-Layout
    32. CSS Namespaces
    33. CSS-Nesting
    34. CSS overflow
    35. CSS overscroll behavior
    36. CSS paged media
    37. CSS positioned layout
    38. CSS properties and values API
    39. CSS-Pseudoelemente
    40. CSS ruby layout
    41. CSS Scoping
    42. CSS scroll snap
    43. CSS scrollgetriebene Animationen
    44. CSS Scrollbar-Styling
    45. CSS-Selektoren
    46. CSS shadow parts
    47. CSS-Formen
    48. CSS-Syntax
    49. CSS-Tabelle
    50. CSS Text
    51. CSS text decoration
    52. CSS-Transformationen
    53. CSS-Übergänge
    54. CSS View Transitions
    55. CSS writing modes
    56. CSSOM view
  9. 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. alignment-baseline
    6. all
    7. anchor-name Experimentell
    8. 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
    9. appearance
    10. aspect-ratio
    11. backdrop-filter
    12. backface-visibility
    13. 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
    14. block-size
    15. 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
    16. bottom
    17. 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
    18. break-*
      1. break-after
      2. break-before
      3. break-inside
    19. caption-side
    20. caret-color
    21. clear
    22. clip-*
      1. clip Veraltet
      2. clip-path
      3. clip-rule
    23. color-*
      1. color
      2. color-interpolation
      3. color-interpolation-filters
      4. color-scheme
    24. 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
    25. columns
    26. 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
    27. container-*
      1. container
      2. container-name
      3. container-type
    28. content
    29. content-visibility
    30. counter-*
      1. counter-increment
      2. counter-reset
      3. counter-set
    31. cursor
    32. cx
    33. cy
    34. d-Eigenschaft
    35. direction
    36. display
    37. dominant-baseline
    38. empty-cells
    39. field-sizing Experimentell
    40. fill-*
      1. fill
      2. fill-opacity
      3. fill-rule
    41. filter
    42. flex-*
      1. flex
      2. flex-basis
      3. flex-direction
      4. flex-flow
      5. flex-grow
      6. flex-shrink
      7. flex-wrap
    43. float
    44. flood-color
    45. flood-opacity
    46. 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 Experimentell
      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
    47. forced-color-adjust
    48. gap
    49. 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
    50. hanging-punctuation
    51. height
    52. hyphenate-character
    53. hyphenate-limit-chars
    54. hyphens
    55. image-*
      1. image-orientation
      2. image-rendering
      3. image-resolution Experimentell
    56. initial-letter
    57. inline-size
    58. 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
    59. interpolate-size Experimentell
    60. isolation
    61. justify-*
      1. justify-content
      2. justify-items
      3. justify-self
    62. left
    63. letter-spacing
    64. lighting-color
    65. line-*
      1. line-break
      2. line-height
      3. line-height-step Experimentell
    66. list-*
      1. list-style
      2. list-style-image
      3. list-style-position
      4. list-style-type
    67. 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
    68. marker-*
      1. marker
      2. marker-end
      3. marker-mid
      4. marker-start
    69. 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
    70. math-*
      1. math-depth
      2. math-shift Experimentell
      3. math-style
    71. max-*
      1. max-block-size
      2. max-height
      3. max-inline-size
      4. max-width
    72. min-*
      1. min-block-size
      2. min-height
      3. min-inline-size
      4. min-width
    73. mix-blend-mode
    74. object-fit
    75. object-position
    76. offset-*
      1. offset
      2. offset-anchor
      3. offset-distance
      4. offset-path
      5. offset-position
      6. offset-rotate
    77. opacity
    78. order
    79. orphans
    80. outline-*
      1. outline
      2. outline-color
      3. outline-offset
      4. outline-style
      5. outline-width
    81. 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
    82. overlay Experimentell
    83. overscroll-*
      1. overscroll-behavior
      2. overscroll-behavior-block
      3. overscroll-behavior-inline
      4. overscroll-behavior-x
      5. overscroll-behavior-y
    84. 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
    85. page-*
      1. page
      2. page-break-after
      3. page-break-before
      4. page-break-inside
    86. paint-order
    87. perspective
    88. perspective-origin
    89. place-*
      1. place-content
      2. place-items
      3. place-self
    90. pointer-events
    91. position-*
      1. position
      2. position-anchor Experimentell
      3. position-area Experimentell
      4. position-try Experimentell
      5. position-try-fallbacks Experimentell
      6. position-try-order Experimentell
      7. position-visibility Experimentell
    92. print-color-adjust
    93. quotes
    94. r
    95. resize
    96. right
    97. rotate
    98. row-gap
    99. ruby-align
    100. ruby-position
    101. rx
    102. ry
    103. scale
    104. 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
    105. scrollbar-*
      1. scrollbar-color
      2. scrollbar-gutter
      3. scrollbar-width
    106. shape-*
      1. shape-image-threshold
      2. shape-margin
      3. shape-outside
      4. shape-rendering
    107. stop-color
    108. stop-opacity
    109. stroke-*
      1. stroke
      2. stroke-dasharray
      3. stroke-dashoffset
      4. stroke-linecap
      5. stroke-linejoin
      6. stroke-miterlimit
      7. stroke-opacity
      8. stroke-width
    110. tab-size
    111. table-layout
    112. 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
    113. timeline-scope Experimentell
    114. top
    115. touch-action
    116. transform-*
      1. transform
      2. transform-box
      3. transform-origin
      4. transform-style
    117. transition-*
      1. transition
      2. transition-behavior
      3. transition-delay
      4. transition-duration
      5. transition-property
      6. transition-timing-function
    118. translate
    119. unicode-bidi
    120. user-modify Nicht standardisiert Veraltet
    121. user-select
    122. vector-effect
    123. vertical-align
    124. view-*
      1. view-timeline Experimentell
      2. view-timeline-axis Experimentell
      3. view-timeline-inset Experimentell
      4. view-timeline-name Experimentell
      5. view-transition-name
    125. visibility
    126. white-space
    127. white-space-collapse
    128. widows
    129. width
    130. will-change
    131. word-break
    132. word-spacing
    133. writing-mode
    134. x
    135. y
    136. z-index
    137. zoom
  10. Selectors
    1. & nesting selector
    2. Attributselektoren
    3. Klassenselektoren
    4. ID-Selektoren
    5. Typselektoren
    6. Universalselektoren
  11. Kombinatoren
    1. Child Combinator
    2. Säulen-Kombinator Experimentell
    3. Descendant combinator
    4. Namespace-Trennzeichen
    5. Next-sibling Kombinator
    6. Selector list
    7. Subsequent-sibling combinator
  12. 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 Experimentell
    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-slotted Experimentell
    38. :has()
    39. :host
    40. :host-context()
    41. :host()
    42. :hover
    43. :in-range
    44. :indeterminate
    45. :invalid
    46. :is()
    47. :lang()
    48. :last-child
    49. :last-of-type
    50. :left
    51. :link
    52. :local-link Experimentell
    53. :modal
    54. :muted
    55. :not()
    56. :nth-child()
    57. :nth-last-child()
    58. :nth-last-of-type()
    59. :nth-of-type()
    60. :only-child
    61. :only-of-type
    62. :optional
    63. :out-of-range
    64. :past
    65. :paused
    66. :picture-in-picture
    67. :placeholder-shown
    68. :playing
    69. :popover-open
    70. :read-only
    71. :read-write
    72. :required
    73. :right
    74. :root
    75. :scope
    76. :seeking
    77. :stalled
    78. :state()
    79. :target
    80. :target-within Experimentell
    81. :user-invalid
    82. :user-valid
    83. :valid
    84. :visited
    85. :volume-locked
    86. :where()
  13. 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 Nicht standardisiert
    23. ::-webkit-slider-thumb Experimentell Nicht standardisiert
    24. ::after
    25. ::backdrop
    26. ::before
    27. ::cue
    28. ::details-content Experimentell
    29. ::file-selector-button
    30. ::first-letter
    31. ::first-line
    32. ::grammar-error
    33. ::highlight()
    34. ::marker
    35. ::part()
    36. ::placeholder
    37. ::selection
    38. ::slotted()
    39. ::spelling-error
    40. ::target-text
    41. ::view-transition
    42. ::view-transition-group
    43. ::view-transition-image-pair
    44. ::view-transition-new
    45. ::view-transition-old
  14. 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
  15. 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. calc-size() Experimentell
    11. calc()
    12. clamp()
    13. cos()
    14. counter()
    15. counters()
    16. cross-fade()
    17. element() Experimentell
    18. env()
    19. exp()
    20. fit-content()
    21. hypot()
    22. log()
    23. max()
    24. min()
    25. minmax()
    26. mod()
    27. pow()
    28. ray()
    29. rem()
    30. repeat()
    31. round()
    32. sign()
    33. sin()
    34. sqrt()
    35. symbols()
    36. tan()
    37. url()
    38. var()
  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. <prozentual>
    45. <position-area> Experimentell
    46. <position>
    47. <ratio>
    48. <relative-size>
    49. <resolution>
    50. <self-position>
    51. <shape> Veraltet
    52. <string>
    53. <system-color>
    54. <time-percentage>
    55. <time>
    56. <transform-function>
    57. `<url>`
  17. Leitfäden
  18. Animationen
    1. Verwenden von CSS-Animationen
  19. Hintergründe und Rahmen
    1. Verwendung mehrerer Hintergründe
    2. Hintergrundbilder skalieren
  20. Box alignment
    1. Box-Ausrichtung im Block-Layout
    2. Box-Ausrichtung in Flexbox
    3. Box-Ausrichtung im Grid-Layout
    4. Box-Ausrichtung im Mehrspalten-Layout
  21. Box-Modell
    1. Einführung in das grundlegende CSS-Boxmodell
    2. Das Beherrschen von Margin-Zusammenstoß
  22. Farben
    1. Applying_color_to_HTML_elements
    2. Color values
    3. Verwendung relativer Farben
    4. Farben klug einsetzen
    5. Accessibility_Understanding_colors_and_luminance"
    6. Barrierefreiheit: Farbkontrast
  23. Spalten
    1. Grundkonzepte des mehrspaltigen Layouts
    2. Spalten stylen
    3. Spanning und Balancieren von Spalten
    4. Umgang mit Überlauf im Multi-Column-Layout
    5. Umgang mit Inhaltsumbrüchen im Mehrspalten-Layout
  24. Bedingte Regeln
    1. Verwenden von Feature Queries
  25. Containment
    1. Verwendung von CSS Containment
    2. CSS Container Queries
    3. Verwendung von Containergrößen- und Stilabfragen
  26. CSSOM-Ansicht
    1. Koordinatensysteme
  27. Flexbox
    1. Grundlegende Konzepte von Flexbox
    2. Beziehung von Flexbox zu anderen Layoutmethoden
    3. Ausrichten von Elementen in einem Flex-Container
    4. Anordnung von Flex-Elementen
    5. Kontrolle der Verhältnisse von Flex-Elementen entlang der Hauptachse
    6. Beherrschen des Umbruchs von Flex-Elementen
    7. Typische Anwendungsfälle von Flexbox
  28. Fluss-Layout
    1. Block- und Inline-Layout im normalen Fluss
    2. Im Fluss und aus dem Fluss
    3. Einführung in Formatierungskontexte
    4. Flusslayout und Schreibmodi
    5. Flusslayout und Überlauf
  29. Schriftarten
    1. Leitfaden zu OpenType-Schriftmerkmalen
    2. Leitfaden für Variable Fonts
  30. Raster
    1. Grundlagen des Grid-Layouts
    2. Beziehung des Grid-Layouts zu anderen Layout-Methoden
    3. Grid-Layout mithilfe von linienbasierter Platzierung
    4. Grid-Template-Bereiche
    5. Layout mit benannten Gitternetzlinien
    6. Automatische Platzierung im Grid-Layout
    7. Box-Ausrichtung im Grid-Layout
    8. Grids, logische Werte und Schreibmodi
    9. Grid-Layout und Barrierefreiheit
    10. CSS Grid-Layout und Progressive Enhancement
    11. Realisierung gängiger Layouts mit Grids
    12. Subgrid
    13. Mauerwerk-Layout Experimentell
  31. Bilder
    1. Verwenden von CSS-Verläufen
  32. Listen und Zähler
    1. Verwendung von CSS-Zählern
    2. Konsequente Listeneinrückung
  33. Logische Eigenschaften
    1. Grundkonzepte der logischen Eigenschaften und Werte
    2. Logische Eigenschaften für Floating und Positionierung
    3. Logische Eigenschaften für Margen, Rahmen und Abstände
    4. Logische Eigenschaften zur Größenbestimmung
  34. Mathematische Funktionen
    1. Verwenden von CSS-Mathematikfunktionen
  35. Media-Abfragen
    1. Verwendung von Media Queries
    2. Einsatz von Media Queries für Barrierefreiheit
    3. Media Queries programmatisch testen
    4. Printing
  36. Verschachteln von Stilregeln
    1. Verwendung von CSS-Nesting
    2. CSS Nesting At-Regeln
    3. CSS-Verschachtelung und Spezifität
  37. Positionierung
    1. Verständnis von z-index
  38. Scroll-Snap
    1. Grundkonzepte des Scroll-Snap
  39. Formen
    1. Übersicht über Formen
    2. Formen aus Box-Werten
    3. Grundlegende Formen mit shape-outside
    4. Formen aus Bildern
  40. Text
    1. Zeilenumbrüche und Textumbruch
  41. Transformationen
    1. Verwendung von CSS-Transformationen
  42. Übergänge
    1. Verwenden von CSS-Übergängen
  43. CSS-Layout-Kochbuch
    1. Rezept: Medienobjekte
    2. Spaltenlayouts
    3. Ein Element zentrieren
    4. Sticky Footers
    5. Geteilte Navigation
    6. Breadcrumb-Navigation
    7. Listengruppe mit Badges
    8. Paginierung
    9. Karte
    10. Grid-Wrapper
  45. Werkzeuge
    1. Farbauswahlwerkzeug
    2. Box-shadow 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–2025 by individual mozilla.org contributors. Content available under a Creative Commons license.