CSS Backgrounds and Borders

Sie lesen die englische Version dieses Inhalts, da für dieses Gebietsschema noch keine Übersetzung vorhanden ist. Helfen Sie uns, diesen Artikel zu übersetzen!

CSS Backgrounds and Borders is a module of CSS that lets you style elements' backgrounds and borders. Backgrounds can be filled with a color or image, clipped or resized, and otherwise modified. Borders can be decorated with lines or images, and made square or rounded. Additionally, element boxes can be decorated with a shadow.

Reference

CSS Properties

Tools

Using multiple backgrounds
Explains how to set one or more backgrounds on an element.
Scaling background images
Describes how to change the size and repeating behavior of background images.
Applying color to HTML elements using CSS
An overview of how CSS color can be used in HTML, including for borders.
Border-image generator
This interactive tool lets you visually create border images (the border-image property).
Border-radius generator
This interactive tool lets you visually create rounded corners (the border-radius property).
Box-shadow generator
This interactive tool lets you visually create shadows behind elements (the box-shadow property).

Specifications

Specification Status Comment
CSS Backgrounds and Borders Module Level 3 Candidate Recommendation  
CSS Level 2 (Revision 1) Recommendation  
CSS Level 1 Recommendation  
Verwandte Themen
  1. CSS
  2. CSS Reference
  3. CSS Backgrounds and Borders
  4. Guides
    1. Scaling background images
    2. Using multiple backgrounds
  5. Properties
    1. background
    2. background-attachment
    3. background-clip
    4. background-color
    5. background-image
    6. background-origin
    7. background-position
    8. background-position-x
    9. background-position-y
    10. background-repeat
    11. background-size
    12. border
    13. border-bottom
    14. border-bottom-color
    15. border-bottom-left-radius
    16. border-bottom-right-radius
    17. border-bottom-style
    18. border-bottom-width
    19. border-color
    20. border-image
    21. border-image-outset
    22. border-image-repeat
    23. border-image-slice
    24. border-image-source
    25. border-image-width
    26. border-left
    27. border-left-color
    28. border-left-style
    29. border-left-width
    30. border-radius
    31. border-right
    32. border-right-color
    33. border-right-style
    34. border-right-width
    35. border-style
    36. border-top
    37. border-top-color
    38. border-top-left-radius
    39. border-top-right-radius
    40. border-top-style
    41. border-top-width
    42. border-width
    43. box-shadow