Skip to main content
Skip to search

HTML: Markup language

HTML reference

Elements
Global attributes
Attributes
See all…

HTML guides

Responsive images
Video & audio content
Date & time formats
See all…

Markup languages

SVG
MathML
XML

CSS: Styling language

CSS reference

Properties
Selectors
At-rules
Values & units
See all…

CSS guides

Box model
Animations
Flexbox
Colors
See all…

Layout cookbook

Column layouts
Centering an element
Card component
See all…

JavaScript: Scripting language

JS reference

Standard built-in objects
Expressions & operators
Statements & declarations
Functions
See all…

JS guides

Control flow & error handing
Loops and iteration
Working with objects
Using classes
See all…

Web APIs: Programming interfaces

Web API reference

File system API
Fetch API
Geolocation API
HTML DOM API
Push API
Service worker API
See all…

Web API guides

Using the Web animation API
Using the Fetch API
Working with the History API
Using the Web speech API
Using web workers

All web technology

Technologies

Accessibility
HTTP
URI
Web extensions
WebAssembly
WebDriver
See all…

Topics

Media
Performance
Privacy
Security
Progressive web apps

Learn web development

Frontend developer course

Getting started
Common questions
Curriculum

Learn HTML

Introduction to HTML
Getting started with HTML

Learn CSS

What is CSS
Getting started with CSS

Learn JavaScript

How to use data attributes
Add JavaScript to your web page

Discover our tools

Playground
HTTP Observatory

Color picker
Box-shadow generator
Border-image generator
Border-radius generator

Get to know MDN better

About MDN
Advertise with us

Community
MDN on GitHub

Blog

Tecnología web para desarrolladores
CSS
Fondos y bordes CSS
Generador Border-image

Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.

View in English Always switch to English

Generador Border-image

Esta herramienta permite generar valores para CSS3 border-image

Help improve MDN

Learn how to contribute

This page was last modified on ⁨22 jul 2025⁩ by MDN contributors.

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

CSS
Beginner's tutorials
Your first website: Styling the content
CSS styling basics
CSS text styling
CSS layout
Referencia CSS
Modules
Properties
1. -moz-*
  1. -moz-float-edge No estándar Obsoleto
  2. -moz-force-broken-image-icon No estándar Obsoleto
  3. -moz-orient No estándar
  4. -moz-user-focus No estándar Obsoleto
  5. -moz-user-input No estándar Obsoleto
2. -webkit-*
  1. -webkit-border-before No estándar
  2. -webkit-box-reflect No estándar
  3. -webkit-mask-box-image No estándar
  4. -webkit-mask-composite No estándar
  5. -webkit-mask-position-x No estándar
  6. -webkit-mask-position-y No estándar
  7. -webkit-mask-repeat-x No estándar
  8. -webkit-mask-repeat-y No estándar
  9. -webkit-tap-highlight-color No estándar
  10. -webkit-text-fill-color
  11. -webkit-text-security No estándar
  12. -webkit-text-stroke
  13. -webkit-text-stroke-color
  14. -webkit-text-stroke-width
  15. -webkit-touch-callout No estándar
3. Propiedades personalizadas (--*): variables CSS
4. accent-color
5. align-*
6. alignment-baseline
7. all
8. anchor-name
9. animation-*
10. -moz-appearance (-webkit-appearance)
11. aspect-ratio
12. backdrop-filter
13. backface-visibility
14. background-*
15. block-size
16. border-*
17. bottom
18. box-*
  1. box-align No estándar Obsoleto
  2. box-decoration-break
  3. box-direction No estándar Obsoleto
  4. -moz-box-flex No estándar Obsoleto
  5. box-flex-group No estándar Obsoleto
  6. box-lines No estándar Obsoleto
  7. -moz-box-ordinal-group No estándar Obsoleto
  8. box-orient No estándar Obsoleto
  9. -moz-box-pack No estándar Obsoleto
  10. box-shadow
  11. box-sizing
19. break-*
20. caption-side
21. caret-color
22. clear
23. clip-*
  1. clip Obsoleto
  2. clip-path
  3. clip-rule
24. color-*
25. column-*
26. columns
27. contain-*
28. container-*
29. content
30. content-visibility
31. counter-*
32. cursor
33. cx
34. cy
35. d
36. direction
37. display
38. dominant-baseline
39. empty-cells
40. field-sizing Experimental
41. fill-*
42. filter
43. flex-*
44. float
45. flood-color
46. flood-opacity
47. font-*
48. forced-color-adjust
49. grid-gap
50. grid-*
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 Experimental
57. initial-letter
58. inline-size
59. inset-*
60. interpolate-size Experimental
61. Isolation
62. justify-*
63. left
64. letter-spacing
65. lighting-color
66. line-*
  1. line-break
  2. line-clamp
  3. line-height
  4. line-height-step Experimental
67. list-*
68. margin-*
69. marker-*
70. mask-*
71. math-*
  1. math-depth
  2. math-shift Experimental
  3. math-style
72. max-*
73. min-*
74. mix-blend-mode
75. object-fit
76. object-position
77. offset-*
78. opacity
79. order
80. orphans
81. outline-*
82. overflow-*
83. overlay Experimental
84. overscroll-*
85. padding-*
86. page-*
  1. page
  2. page-break-after Obsoleto
  3. page-break-before Obsoleto
  4. page-break-inside Obsoleto
87. paint-order
88. perspective
89. perspective-origin
90. place-*
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 Experimental
93. -webkit-print-color-adjust
94. quotes
95. r
96. reading-flow Experimental
97. reading-order Experimental
98. resize
99. right
100. rotate
101. row-gap
102. ruby-*
103. rx
104. ry
105. scale
106. scroll-*
107. scrollbar-*
108. shape-*
109. speak-as Experimental
110. stop-color
111. stop-opacity
112. stroke-*
113. tab-size
114. table-layout
115. text-*
116. timeline-scope
117. Top
118. touch-action
119. transform-*
120. transition-*
121. translate
122. unicode-bidi
123. -moz-user-modify No estándar Obsoleto
124. user-select
125. vector-effect
126. vertical-align
127. view-*
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
Selectors
Combinators
Pseudo-classes
1. :-moz-*
  1. :-moz-broken No estándar Obsoleto
  2. :-moz-drag-over No estándar
  3. :-moz-first-node Experimental No estándar
  4. :-moz-handler-blocked No estándar
  5. :-moz-handler-crashed No estándar
  6. :-moz-handler-disabled No estándar
  7. :-moz-last-node Experimental No estándar
  8. :-moz-loading No estándar
  9. :-moz-locale-dir(ltr) No estándar
  10. :-moz-locale-dir(rtl) No estándar
  11. :-moz-only-whitespace No estándar
  12. :-moz-submit-invalid No estándar
  13. :-moz-suppressed No estándar
  14. :-moz-user-disabled No estándar
  15. :-moz-window-inactive No estándar
2. :active
3. :active-view-transition
4. :any-link
5. :-webkit-autofill
6. :blank Experimental
7. :buffering
8. :checked
9. :current Experimental
10. :default
11. :defined
12. :dir()
13. :disabled
14. :empty
15. :enabled
16. :first-*
17. :focus-*
18. :fullscreen
19. :future
20. :has-slotted
21. :has
22. :heading
23. :heading()
24. :host
25. :host-context()
26. :host()
27. :hover
28. :in-range
29. :indeterminate
30. :invalid
31. :is()
32. :lang
33. :last-child
34. :last-of-type
35. :left
36. :link
37. :local-link Experimental
38. :modal
39. :muted
40. :not()
41. :nth-*
42. :only-child
43. :only-of-type
44. :open
45. :optional
46. :out-of-range
47. :past
48. :paused
49. :picture-in-picture
50. :placeholder-shown
51. :playing
52. :popover-open
53. :read-only
54. :read-write
55. :required
56. :right
57. :root
58. :scope
59. :seeking
60. :stalled
61. :state()
62. :target-*
  1. :target
  2. :target-current Experimental
  3. :target-within Experimental
63. :-moz-ui-invalid
64. :user-valid
65. :valid
66. :visited
67. :volume-locked
68. :where()
Pseudo-elements
1. ::-moz-*
  1. ::-moz-color-swatch No estándar
  2. ::-moz-focus-inner No estándar Obsoleto
  3. ::-moz-list-bullet Experimental No estándar
  4. ::-moz-list-number Experimental No estándar
  5. ::-moz-meter-bar No estándar
  6. ::-moz-progress-bar Experimental No estándar
  7. ::-moz-range-progress No estándar
  8. ::-moz-range-thumb No estándar
  9. ::-moz-range-track No estándar
2. ::-webkit-*
  1. ::-webkit-inner-spin-button No estándar
  2. ::-webkit-meter-bar No estándar Obsoleto
  3. ::-webkit-meter-even-less-good-value No estándar
  4. ::-webkit-meter-inner-element No estándar
  5. ::-webkit-meter-optimum-value No estándar
  6. ::-webkit-meter-suboptimum-value No estándar
  7. ::-webkit-progress-bar No estándar
  8. ::-webkit-progress-inner-element No estándar
  9. ::-webkit-progress-value No estándar
  10. ::-webkit-scrollbar No estándar
  11. ::-webkit-search-cancel-button No estándar
  12. ::-webkit-search-results-button No estándar
  13. ::-webkit-slider-runnable-track No estándar
  14. ::-webkit-slider-thumb No estándar
3. ::after
4. ::backdrop
5. ::before (:before)
6. ::checkmark Experimental
7. ::column Experimental
8. ::cue
9. ::details-content
10. ::file-selector-button
11. ::first-letter (:first-letter)
12. ::first-line (:first-line)
13. ::grammar-error
14. ::highlight()
15. ::marker
16. ::part()
17. ::picker-icon Experimental
18. ::picker() Experimental
19. ::placeholder
20. ::scroll-*
  1. ::scroll-button() Experimental
  2. ::scroll-marker Experimental
  3. ::scroll-marker-group Experimental
21. ::selection
22. ::slotted()
23. ::spelling-error
24. ::target-text
25. ::view-*
At-rules
1. @charset
2. @color-profile
3. @container
4. @counter-style
5. @document No estándar Obsoleto
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 Experimental
16. @property
17. @scope
18. @starting-style
19. @supports
20. @view-transition
Functions
1. -moz-image-rect No estándar Obsoleto
2. abs()
3. acos()
4. anchor-size()
5. anchor()
6. asin()
7. atan()
8. atan2()
9. attr
10. blur()
11. brightness()
12. calc-size() Experimental
13. calc
14. circle()
15. clamp()
16. color-mix()
17. color()
18. conic-gradient()
19. contrast-color() Experimental
20. contrast()
21. cos()
22. counter()
23. counters()
24. cross-fade()
25. cubic-bezier()
26. device-cmyk()
27. drop-shadow()
28. element() Experimental
29. ellipse()
30. env()
31. exp()
32. fit-content()
33. grayscale()
34. hsl()
35. hue-rotate()
36. hwb()
37. hypot()
38. if() Experimental
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() Experimental
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() Experimental
90. sibling-index() Experimental
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()
Types
Guides
Anchor positioning
1. Using anchor positioning
2. Handling overflow
Animations
1. Animatable properties
2. Usando animaciones CSS
Backgrounds and borders
Box alignment
Box model
1. Introducción al modelo de caja básico de CSS
2. Entendiendo el colapso de margen
Cascade
Custom properties
1. Uso de propiedades personalizadas (variables) en CSS
Colors
Columns
Conditional rules
1. Using feature queries
2. Using container scroll-state queries
Containment
CSSOM view
1. Coordinate systems
2. Viewport concepts
Display
Filter effects
1. Using filter effects
Flexbox
Fonts
Grid
Images
Lists and counters
1. Using counters
2. Indenting lists
Logical properties
Media queries
Nesting style rules
Overflow
1. Creating carousels
Positioning
Scroll anchoring
1. Overview
Scroll snap
1. Basic concepts
2. Using scroll snap events
Selectors
Shapes
Syntax
Text
1. Wrapping and breaking text
2. Cómo manejan el espacio en blanco HTML, CSS y el DOM
Text decoration
1. Text shadows
Transforms
1. Uso de CSS transforms
Transitions
1. Transiciones de CSS
Values and units
Libro de recetas de maquetación CSS
Tools

Your blueprint for a better internet.

MDN

About
Blog
Mozilla careers
Advertise with us
MDN Plus
Product help

Contribute

MDN Community
Community resources
Writing guidelines
MDN Discord
MDN on GitHub

Developers

Web technologies
Learn web development
Guides
Tutorials
Glossary
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.