[go: up one dir, main page]

  • 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. Web
  2. CSS
  3. CSS Hintergründe und Rahmen
  4. Generator für Border-Radius
    • English (US)
    • Español
    • Français
    • 日本語
    • 한국어
    • Português (do Brasil)
    • Русский
    • 中文 (简体)

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

In diesem Artikel

  • Siehe auch
  1. CSS
  2. Einsteiger-Tutorials
  3. Ihre erste Website: Das Styling des Inhalts
  4. Grundlagen des CSS-Stylings
    1. Was ist CSS?
    2. Einführung in CSS
    3. Herausforderung: Biografie-Seite
    4. Grundlegende Selektoren
    5. Attributselektoren
    6. Pseudo-Klassen und Elemente
    7. Kombinatoren
    8. Box Modell
    9. Umgang mit Konflikten
    10. Werte und Einheiten
    11. Sizing
    12. Hintergründe und Rahmen
    13. Overflow
    14. Bilder, Medien, Formulare
    15. Tabellen stylen
    16. CSS-Debugging
    17. Herausforderung: Visitenkarte
    18. Herausforderung: Eleganter Briefkopf
    19. Herausforderung: Elegante Box-Stile
  5. CSS-Textgestaltung
    1. Grundlagen der Text- und Schriftgestaltung
    2. Styling von Listen
    3. Stilierung von Links
    4. Web Fonts
    5. Herausforderung: Homepage der Gemeinschaftsschule
  6. CSS-Layout
    1. Introduction
    2. Floats
    3. Positionierung
    4. Flexbox
    5. CSS-Grid-Layout
    6. Responsives Webdesign
    7. Media Queries
    8. Herausforderung: Grundlegendes Layout
  7. CSS-Referenz
  8. Module
    1. CSS-Ankerpositionierung
    2. CSS-Animationen
    3. CSS Hintergründe und Rahmen
    4. CSS-Grundlegendes Benutzeroberfläche
    5. CSS Box-Ausrichtung
    6. CSS-Box-Modell
    7. CSS-Box-Größenbestimmung
    8. CSS-Kaskadierung und Vererbung
    9. CSS-Farbanpassung
    10. CSS-Farben
    11. CSS Compositing und Blending
    12. CSS-Bedingungsregeln
    13. CSS-Containment
    14. CSS-Zählerstile
    15. CSS Custom Highlight API
    16. CSS-Benutzerdefinierte Eigenschaften für kaskadierende Variablen
    17. CSS display
    18. CSS Easing-Funktionen
    19. CSS-Filtereffekte
    20. CSS Flexibler Box-Layout
    21. CSS-Schriftartenladen
    22. CSS-Schriften
    23. CSS-Fragmentierung
    24. CSS-generierter Inhalt
    25. CSS-Grid-Layout
    26. CSS-Bilder
    27. CSS Inline-Layout
    28. CSS-Listen und -Zähler
    29. CSS logische Eigenschaften und Werte
    30. CSS-Masking
    31. CSS Media Queries
    32. CSS-Bewegungspfad
    33. CSS Mehrspalten-Layout
    34. CSS-Namensräume
    35. CSS-Nesting
    36. CSS overflow
    37. CSS-Overscroll-Verhalten
    38. CSS Paged Media
    39. CSS positioned layout
    40. CSS-Eigenschaften und Werte API
    41. CSS-Pseudoelemente
    42. CSS-Ruby-Layout
    43. CSS-Scoping
    44. CSS-Scroll-Anker
    45. CSS Scroll Snap
    46. CSS scrollgesteuerte Animationen
    47. CSS-Scrollbalken-Styling
    48. CSS-Selektoren
    49. CSS-Shadow-Teile
    50. CSS Shapes
    51. CSS-Syntax
    52. CSS table
    53. CSS-Text
    54. CSS-Textdekoration
    55. CSS-Transformationen
    56. CSS-Übergänge
    57. CSS-Werte und -Einheiten
    58. CSS-Ansichtstransitionen
    59. CSS-Schreibmodi
    60. CSSOM-Ansicht
  9. Eigenschaften
    1. -moz-*
      1. -moz-float-edge Nicht standardisiert Veraltet
      2. -moz-force-broken-image-icon Nicht standardisiert Veraltet
      3. -moz-orient Nicht standardisiert
      4. -moz-user-focus Nicht standardisiert Veraltet
      5. -moz-user-input Nicht standardisiert Veraltet
    2. -webkit-*
      1. -webkit-border-before Nicht standardisiert
      2. -webkit-box-reflect Nicht standardisiert
      3. -webkit-mask-box-image Nicht standardisiert
      4. -webkit-mask-composite Nicht standardisiert
      5. -webkit-mask-position-x Nicht standardisiert
      6. -webkit-mask-position-y Nicht standardisiert
      7. -webkit-mask-repeat-x Nicht standardisiert
      8. -webkit-mask-repeat-y Nicht standardisiert
      9. -webkit-tap-highlight-color Nicht standardisiert
      10. -webkit-text-fill-color
      11. -webkit-text-security Nicht standardisiert
      12. -webkit-text-stroke
      13. -webkit-text-stroke-color
      14. -webkit-text-stroke-width
      15. -webkit-touch-callout Nicht standardisiert
    3. Custom properties (--*): CSS variables
    4. accent-color
    5. align-*
      1. align-content
      2. align-items
      3. align-self
    6. alignment-baseline
    7. all
    8. anchor-name
    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
      11. animation-range-end
      12. animation-range-start
      13. animation-timeline
      14. animation-timing-function
    10. 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 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
    19. break-*
      1. break-after
      2. break-before
      3. break-inside
    20. caption-side
    21. caret-color
    22. clear
    23. clip-*
      1. clip Veraltet
      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
      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 Experimentell
    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 Nicht standardisiert
      11. font-stretch Veraltet
      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
    48. forced-color-adjust
    49. 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 Experimentell
    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 Experimentell
    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. line-clamp
      3. line-height
      4. line-height-step Experimentell
    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 Experimentell
    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 Experimentell
      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 Experimentell
    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 Veraltet
      3. page-break-before Veraltet
      4. page-break-inside Veraltet
    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
      3. position-area
      4. position-try
      5. position-try-fallbacks
      6. position-try-order
      7. position-visibility Experimentell
    93. print-color-adjust
    94. quotes
    95. r
    96. reading-flow Experimentell
    97. reading-order Experimentell
    98. resize
    99. right
    100. rotate
    101. row-gap
    102. ruby-*
      1. ruby-align
      2. ruby-overhang
      3. ruby-position
    103. rx
    104. ry
    105. scale
    106. 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 Experimentell
      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
      29. scroll-timeline-axis
      30. scroll-timeline-name
    107. scrollbar-*
      1. scrollbar-color
      2. scrollbar-gutter
      3. scrollbar-width
    108. shape-*
      1. shape-image-threshold
      2. shape-margin
      3. shape-outside
      4. shape-rendering
    109. speak-as Experimentell
    110. stop-color
    111. stop-opacity
    112. stroke-*
      1. stroke
      2. stroke-dasharray
      3. stroke-dashoffset
      4. stroke-linecap
      5. stroke-linejoin
      6. stroke-miterlimit
      7. stroke-opacity
      8. stroke-width
    113. tab-size
    114. table-layout
    115. 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 Experimentell
      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 Experimentell
      26. text-spacing-trim Experimentell
      27. text-transform
      28. text-underline-offset
      29. text-underline-position
      30. text-wrap
      31. text-wrap-mode
      32. text-wrap-style
    116. timeline-scope
    117. top
    118. touch-action
    119. transform-*
      1. transform
      2. transform-box
      3. transform-origin
      4. transform-style
    120. transition-*
      1. transition
      2. transition-behavior
      3. transition-delay
      4. transition-duration
      5. transition-property
      6. transition-timing-function
    121. translate
    122. unicode-bidi
    123. user-modify Nicht standardisiert Veraltet
    124. user-select
    125. vector-effect
    126. vertical-align
    127. view-*
      1. view-timeline
      2. view-timeline-axis
      3. view-timeline-inset
      4. view-timeline-name
      5. view-transition-class
      6. view-transition-name
    128. visibility
    129. white-space
    130. white-space-collapse
    131. widows
    132. width
    133. will-change
    134. word-break
    135. word-spacing
    136. writing-mode
    137. x
    138. y
    139. z-index
    140. zoom
  10. Selektoren
    1. & Verschachtelungsselektor
    2. Attributselektoren
    3. Klassenselektoren
    4. ID-Selektoren
    5. Typ-Selektoren
    6. Universalselektoren
  11. Kombinatoren
    1. Kindkombinator
    2. Spaltenkombinator Experimentell
    3. Nachfahre-Kombinator
    4. Namespace Separator
    5. Nachbar-Geschwister-Kombinator
    6. Selektorenliste
    7. Nachfolgender Geschwisterkombinator
  12. Pseudo-Klassen
    1. :-moz-*
      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
    2. :active
    3. :active-view-transition
    4. :any-link
    5. :autofill
    6. :blank Experimentell
    7. :buffering
    8. :checked
    9. :current Experimentell
    10. :default
    11. :defined
    12. :dir()
    13. :disabled
    14. :empty
    15. :enabled
    16. :first-*
      1. :first
      2. :first-child
      3. :first-of-type
    17. :focus-*
      1. :focus
      2. :focus-visible
      3. :focus-within
    18. :fullscreen
    19. :future
    20. :has-slotted
    21. :has()
    22. :host
    23. :host-context()
    24. :host()
    25. :hover
    26. :in-range
    27. :indeterminate
    28. :invalid
    29. :is()
    30. :lang()
    31. :last-child
    32. :last-of-type
    33. :left
    34. :link
    35. :local-link Experimentell
    36. :modal
    37. :muted
    38. :not()
    39. :nth-*
      1. :nth-child()
      2. :nth-last-child()
      3. :nth-last-of-type()
      4. :nth-of-type()
    40. :only-child
    41. :only-of-type
    42. :open
    43. :optional
    44. :out-of-range
    45. :past
    46. :paused
    47. :picture-in-picture
    48. :placeholder-shown
    49. :playing
    50. :popover-open
    51. :read-only
    52. :read-write
    53. :required
    54. :right
    55. :root
    56. :scope
    57. :seeking
    58. :stalled
    59. :state()
    60. :target-*
      1. :target
      2. :target-current Experimentell
      3. :target-within Experimentell
    61. :user-invalid
    62. :user-valid
    63. :valid
    64. :visited
    65. :volume-locked
    66. :where()
  13. Pseudo-Elemente
    1. ::-moz-*
      1. ::-moz-color-swatch Nicht standardisiert
      2. ::-moz-focus-inner Nicht standardisiert Veraltet
      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
    2. ::-webkit-*
      1. ::-webkit-inner-spin-button Nicht standardisiert
      2. ::-webkit-meter-bar Nicht standardisiert Veraltet
      3. ::-webkit-meter-even-less-good-value Nicht standardisiert
      4. ::-webkit-meter-inner-element Nicht standardisiert
      5. ::-webkit-meter-optimum-value Nicht standardisiert
      6. ::-webkit-meter-suboptimum-value Nicht standardisiert
      7. ::-webkit-progress-bar Nicht standardisiert
      8. ::-webkit-progress-inner-element Nicht standardisiert
      9. ::-webkit-progress-value Nicht standardisiert
      10. ::-webkit-scrollbar Nicht standardisiert
      11. ::-webkit-search-cancel-button Nicht standardisiert
      12. ::-webkit-search-results-button Nicht standardisiert
      13. ::-webkit-slider-runnable-track Nicht standardisiert
      14. ::-webkit-slider-thumb Nicht standardisiert
    3. ::after
    4. ::backdrop
    5. ::before
    6. ::checkmark Experimentell
    7. ::column Experimentell
    8. ::cue
    9. ::details-content
    10. ::file-selector-button
    11. ::first-letter
    12. ::first-line
    13. ::grammar-error
    14. ::highlight()
    15. ::marker
    16. ::part()
    17. ::picker-icon Experimentell
    18. ::picker() Experimentell
    19. ::placeholder
    20. ::scroll-*
      1. ::scroll-button() Experimentell
      2. ::scroll-marker Experimentell
      3. ::scroll-marker-group Experimentell
    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-Regeln
    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. Funktionen
    1. -moz-image-rect Nicht standardisiert Veraltet
    2. abs()
    3. acos()
    4. anchor-size()
    5. anchor()
    6. asin()
    7. atan()
    8. atan2()
    9. attr()
    10. blur()
    11. brightness()
    12. calc-size() Experimentell
    13. calc()
    14. circle()
    15. clamp()
    16. color-mix()
    17. color()
    18. conic-gradient()
    19. contrast-color() Experimentell
    20. contrast()
    21. cos()
    22. counter()
    23. counters()
    24. cross-fade()
    25. cubic-bezier()
    26. device-cmyk()
    27. drop-shadow()
    28. element() Experimentell
    29. ellipse()
    30. env()
    31. exp()
    32. fit-content()
    33. grayscale()
    34. hsl()
    35. hue-rotate()
    36. hwb()
    37. hypot()
    38. if() Experimentell
    39. image-set()
    40. image()
    41. inset()
    42. invert()
    43. lab()
    44. layer()
    45. lch()
    46. light-dark()
    47. linear-gradient()
    48. linear()
    49. log()
    50. matrix()
    51. matrix3d()
    52. max()
    53. min()
    54. minmax()
    55. mod()
    56. oklab()
    57. oklch()
    58. opacity()
    59. paint()
    60. palette-mix() Experimentell
    61. path()
    62. perspective()
    63. polygon()
    64. pow()
    65. radial-gradient()
    66. ray()
    67. rect()
    68. rem()
    69. repeat()
    70. repeating-conic-gradient()
    71. repeating-linear-gradient()
    72. repeating-radial-gradient()
    73. rgb()
    74. rotate()
    75. rotate3d()
    76. rotateX()
    77. rotateY()
    78. rotateZ()
    79. round()
    80. saturate()
    81. scale()
    82. scale3d()
    83. scaleX()
    84. scaleY()
    85. scaleZ()
    86. scroll()
    87. sepia()
    88. shape()
    89. sibling-count() Experimentell
    90. sibling-index() Experimentell
    91. sign()
    92. sin()
    93. skew()
    94. skewX()
    95. skewY()
    96. sqrt()
    97. steps()
    98. symbols()
    99. tan()
    100. translate()
    101. translate3d()
    102. translateX()
    103. translateY()
    104. translateZ()
    105. url()
    106. var()
    107. view()
    108. xywh()
  16. Typen
    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>
    46. <position>
    47. <ratio>
    48. <relative-size>
    49. <resolution>
    50. <self-position>
    51. <shape> Veraltet
    52. <string>
    53. <system-color>
    54. <text-edge>
    55. <time-percentage>
    56. <time>
    57. <transform-function>
    58. <url>
  17. Leitfäden
  18. Anchor positioning
    1. Verwendung der Ankerpositionierung
    2. Umgang mit Überlauf
  19. Animationen
    1. Animierbare Eigenschaften
    2. Verwendung von Animationen
  20. Hintergründe und Rahmen
    1. Verwendung mehrerer Hintergründe
    2. Hintergrundbilder skalieren
    3. Skalierung von SVG-Hintergründen
  21. Box-Ausrichtung
    1. Overview
    2. Box-Ausrichtung im Block-Layout
    3. Box-Ausrichtung in Flexbox
    4. Box-Ausrichtung im Grid-Layout
    5. Box-Ausrichtung im Mehrspaltenlayout
  22. Box-Modell
    1. Introduction
    2. Beherrschung des Margin-Collapsing
  23. Cascade
    1. Introduction
    2. Vererbung
    3. Spezifität
    4. Verarbeitung von Eigenschaftswerten
    5. Kurzschreibweise von Eigenschaften
  24. Custom properties
    1. Verwendung von Custom Properties
  25. Farben
    1. Farben auf HTML-Elemente anwenden
    2. Color values
    3. Verwendung relativer Farben
    4. Farben weise verwenden
    5. Barrierefreiheit: Farbwerte verstehen
    6. Barrierefreiheit: Farbkontrast
  26. Spalten
    1. Grundlegende Konzepte
    2. Spalten stylen
    3. Verwenden von mehrspaltigen Layouts
    4. Überspannung und Ausgleich von Spalten
    5. Umgang mit Überlauf
    6. Umgang mit Inhaltsunterbrechungen
  27. Bedingte Regeln
    1. Verwenden von Feature-Queries
    2. Verwendung von Container-Scrollzustandsabfragen
  28. Containment
    1. Container queries
    2. Containment verwenden
    3. Verwendung von Containergrößen- und Stilabfragen
  29. CSSOM-Ansicht
    1. Koordinatensysteme
    2. Konzepte zum Viewport
  30. Display
    1. Block- und Inline-Layout
    2. Flow layout
    3. Flow-Layout und Überlauf
    4. Fluss-Layout und Schreibrichtungen
    5. Im Fluss und außerhalb des Flusses
    6. Layout und das enthaltende Block
    7. Formatting contexts
    8. Block-Formatierungskontext
    9. Inline-Formatierungskontext
    10. Verwenden der Multi-Keyword-Syntax
    11. Visuelles Formatierungsmodell
  31. Filter effects
    1. Verwenden von Filtereffekten
  32. Flexbox
    1. Grundlegende Konzepte
    2. Flexbox und andere Layouts
    3. Ausrichten von Flex-Elementen
    4. Anordnung von Flex-Elementen
    5. Steuerung der Flex-Element-Verhältnisse
    6. Flex-Items umbrechen
    7. Typische Anwendungsfälle
  33. Schriftarten
    1. OpenType features
    2. Variable Fonts
    3. WOFF
  34. Raster
    1. Basic concepts
    2. Grid und andere Layouts
    3. Rastervorlagenbereiche
    4. Verwendung der linienbasierten Platzierung
    5. Verwendung benannter Gitternetzlinien
    6. Auto-placement
    7. Elemente ausrichten
    8. Logische Werte und Schreibrichtungen
    9. Häufige Grid-Layouts
    10. Subgrid
    11. Grid-Layout und Barrierefreiheit
    12. Mauerwerk-Layout Experimentell
  35. Bilder
    1. Verwendung von Verläufen
    2. Styling von ersetzten Elementen
    3. Implementierung von Bild-Sprites
  36. Listen und Zähler
    1. Verwendung von Zählern
    2. Einrücken von Listen
  37. Logische Eigenschaften
    1. Grundlegende Konzepte
    2. Logische Eigenschaften für Fließverhalten und Positionierung
    3. Logische Eigenschaften für Margins, Borders und Padding
    4. Logische Eigenschaften für Größenanpassung
  38. Media-Abfragen
    1. Verwenden von Media Queries
    2. Verwendung von Media Queries für Barrierefreiheit
    3. Medienabfragen programmatisch testen
    4. Drucken
  39. Verschachteln von Stilregeln
    1. Verschachtelung von Anweisungen
    2. Verschachtelung und Spezifität
    3. Verwendung von Nesting
  40. Overflow
    1. Karussells erstellen
  41. Positionierung
    1. Stapelkontext
    2. Stapelung von schwebenden Elementen
    3. Verständnis von z-index
    4. Verwendung von z-index
    5. Stapeln ohne z-index
  42. Scroll anchoring
    1. Overview
  43. Scroll-Snap
    1. Grundlegende Konzepte
    2. Verwendung von Scroll Snap-Ereignissen
  44. Selektoren
    1. Datenschutz und :visited
    2. Struktur von Selektoren
    3. Selektoren und Kombinatoren
    4. Verwendung von :target
  45. Formen
    1. Overview
    2. Box-value shapes
    3. Bildbasierte Formen
    4. Verwendung von shape-outside
  46. Syntax
    1. Introduction
    2. Kommentare
    3. At-rule functions
    4. Error handling
  47. Text
    1. Umbruch und Trennung von Text
  48. Text decoration
    1. Text shadows
  49. Transformationen
    1. Verwendung von Transformationen
  50. Übergänge
    1. Verwendung von Übergängen
  51. Values and units
    1. Wertdefinition Syntax
    2. Numerische Datentypen
    3. Textuelle Datentypen
    4. Verwendung von Mathematikfunktionen
  52. Layout Kochbuch
    1. Rezept: Medienobjekte
    2. Spaltenlayouts
    3. Ein Element zentrieren
    4. Sticky-Footer
    5. Geteilte Navigation
    6. Breadcrumb-Navigation
    7. Listengruppe mit Abzeichen
    8. Paginierung
    9. Karte
    10. Grid-Wrapper
  53. Werkzeuge
    1. Werkzeug zur Farbauswahl
    2. Box-Shadow-Generator
    3. Border-Image-Generator
    4. Generator für Border-Radius
    5. Formgenerator

In diesem Artikel

  • Siehe auch

Generator für Border-Radius

Dieses Tool kann verwendet werden, um CSS-border-radius-Effekte zu erzeugen.

Siehe auch

Generator für Border-Bilder

Dieses interaktive Tool ermöglicht es Ihnen, Rahmenbilder visuell zu erstellen (die border-image-Eigenschaft).

Box-Shadow-Generator

Dieses interaktive Tool ermöglicht es Ihnen, Schatten hinter Elementen visuell zu erzeugen (die box-shadow-Eigenschaft).

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 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.