• 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

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Blog New
  • Log in
  • Get MDN Plus
  1. Tecnología para desarrolladores web
  2. CSS
  3. <number>

This page was translated from English by the community. Learn more and join the MDN Web Docs community.

  1. CSS
  2. Tutorials
  3. CSS basics
  4. CSS first steps
    1. CSS first steps overview
    2. What is CSS?
    3. Getting started with CSS
    4. How CSS is structured
    5. How CSS works
    6. Assessment: Styling a biography page
  5. CSS building blocks
    1. CSS building blocks overview
    2. CSS selectors
    3. Type, class, and ID selectors
    4. Attribute selectors
    5. Pseudo-classes and pseudo-elements
    6. Combinators
    7. Cascade, specificity, and inheritance
    8. Cascade layers (en-US)
    9. The box model
    10. Backgrounds and borders
    11. Handling different text directions
    12. Overflowing content
    13. CSS values and units
    14. Sizing items in CSS
    15. Images, media, and form elements
    16. Styling tables
    17. Debugging CSS
    18. Organizing your CSS (en-US)
    19. Assessment: Fundamental CSS comprehension
    20. Assessment: Creating fancy letterheaded paper (en-US)
    21. Assessment: A cool-looking box (en-US)
  6. Styling text
    1. Styling text overview
    2. Fundamental text and font styling
    3. Styling lists
    4. Styling links
    5. Web fonts
    6. Assessment: Typesetting a community school homepage (en-US)
  7. CSS layout
    1. CSS layout overview
    2. Introduction to CSS layout
    3. Normal Flow
    4. Flexbox
    5. Grids
    6. Floats
    7. Positioning (en-US)
    8. Multiple-column layout (en-US)
    9. Responsive design
    10. Beginner's guide to media queries (en-US)
    11. Legacy layout methods (en-US)
    12. Supporting older browsers
    13. Assessment: Fundamental layout comprehension (en-US)
  8. Reference
  9. Modules
    1. CSS animations
    2. CSS backgrounds and borders
    3. CSS basic user interface (en-US)
    4. CSS box alignment (en-US)
    5. CSS box model
    6. CSS cascading variables (en-US)
    7. CSS charsets (en-US)
    8. CSS color adjustment (en-US)
    9. CSS colors
    10. CSS compositing and blending (en-US)
    11. CSS conditional rules
    12. CSS containment
    13. CSS counter styles (en-US)
    14. CSS display (en-US)
    15. CSS filter effects (en-US)
    16. CSS flexible box layout
    17. CSS fonts
    18. CSS fragmentation (en-US)
    19. CSS generated content (en-US)
    20. CSS Grid Layout
    21. CSS images (en-US)
    22. CSS Lists (en-US)
    23. CSS logical properties and values
    24. CSS masking (en-US)
    25. Media queries
    26. CSS miscellaneous (en-US)
    27. CSS motion path
    28. CSS multi-column layout
    29. CSS namespaces (en-US)
    30. CSS overflow (en-US)
    31. CSS Paged Media (en-US)
    32. CSS positioned layout
    33. CSS Ruby Layout (en-US)
    34. CSS scroll snap (en-US)
    35. CSS scrollbars styling (en-US)
    36. CSS shapes (en-US)
    37. CSS table (en-US)
    38. CSS text
    39. CSS text decoration (en-US)
    40. CSS transforms
    41. CSS transitions
    42. CSS writing modes
    43. CSSOM view (en-US)
    44. Paged media (en-US)
  10. Properties
    1. -moz-*
      1. -moz-float-edge Non-standard Obsoleto
      2. -moz-force-broken-image-icon Non-standard Obsoleto
      3. -moz-image-region Non-standard
      4. -moz-orient Non-standard
      5. -moz-user-focus Non-standard
      6. -moz-user-input Non-standard Obsoleto
    2. -webkit-*
      1. -webkit-border-before Non-standard
      2. -webkit-box-reflect Non-standard
      3. -webkit-line-clamp (en-US)
      4. -webkit-mask-attachment Non-standard
      5. -webkit-mask-box-image Non-standard
      6. -webkit-mask-composite Non-standard
      7. -webkit-mask-position-x Non-standard
      8. -webkit-mask-position-y Non-standard
      9. -webkit-mask-repeat-x Non-standard
      10. -webkit-mask-repeat-y Non-standard
      11. -webkit-overflow-scrolling Non-standard
      12. -webkit-tap-highlight-color Non-standard
      13. -webkit-text-fill-color
      14. -webkit-text-security (en-US) Non-standard
      15. -webkit-text-stroke
      16. -webkit-text-stroke-color
      17. -webkit-text-stroke-width
      18. -webkit-touch-callout Non-standard
    3. accent-color (en-US)
    4. align-*
      1. align-content
      2. align-items
      3. align-self
      4. align-tracks (en-US) Experimental
    5. all
    6. animation-*
      1. animation
      2. animation-composition (en-US)
      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-timeline (en-US) Experimental
      11. animation-timing-function
    7. appearance
    8. aspect-ratio (en-US)
    9. backdrop-filter
    10. backface-visibility
    11. 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 (en-US)
      10. background-position-y (en-US)
      11. background-repeat
      12. background-size
    12. block-size
    13. 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 (en-US)
      29. border-image-width (en-US)
      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 (en-US)
      45. border-left-width (en-US)
      46. border-radius (en-US)
      47. border-right
      48. border-right-color (en-US)
      49. border-right-style (en-US)
      50. border-right-width (en-US)
      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 (en-US)
      60. border-top-width (en-US)
      61. border-width
    14. bottom
    15. box-*
      1. box-align (en-US) Non-standard Obsoleto
      2. box-decoration-break (en-US)
      3. box-direction (en-US) Non-standard Obsoleto
      4. box-flex Non-standard Obsoleto
      5. box-flex-group (en-US) Non-standard Obsoleto
      6. box-lines (en-US) Non-standard Obsoleto
      7. box-ordinal-group Non-standard Obsoleto
      8. box-orient (en-US) Non-standard Obsoleto
      9. box-pack Non-standard Obsoleto
      10. box-shadow
      11. box-sizing
    16. break-*
      1. break-after (en-US)
      2. break-before (en-US)
      3. break-inside (en-US)
    17. caption-side (en-US)
    18. caret-color
    19. clear
    20. clip Obsoleto
    21. clip-path (en-US)
    22. color
    23. color-scheme (en-US)
    24. column-*
      1. column-count
      2. column-fill (en-US)
      3. column-gap
      4. column-rule (en-US)
      5. column-rule-color (en-US)
      6. column-rule-style (en-US)
      7. column-rule-width (en-US)
      8. column-span
      9. column-width (en-US)
    25. columns (en-US)
    26. contain-*
      1. contain (en-US)
      2. contain-intrinsic-block-size (en-US)
      3. contain-intrinsic-height (en-US)
      4. contain-intrinsic-inline-size (en-US)
      5. contain-intrinsic-size (en-US)
      6. contain-intrinsic-width (en-US)
    27. container-*
      1. container (en-US)
      2. container-name (en-US)
      3. container-type (en-US)
    28. content
    29. content-visibility (en-US) Experimental
    30. counter-*
      1. counter-increment (en-US)
      2. counter-reset (en-US)
      3. counter-set (en-US)
    31. cursor
    32. direction
    33. display
    34. empty-cells (en-US)
    35. filter
    36. flex-*
      1. flex
      2. flex-basis
      3. flex-direction
      4. flex-flow
      5. flex-grow
      6. flex-shrink
      7. flex-wrap
    37. float
    38. font-*
      1. font
      2. font-family
      3. font-feature-settings (en-US)
      4. font-kerning (en-US)
      5. font-language-override
      6. font-optical-sizing (en-US)
      7. font-palette (en-US)
      8. font-size
      9. font-size-adjust
      10. font-smooth (en-US) Non-standard
      11. font-stretch (en-US)
      12. font-style
      13. font-synthesis (en-US)
      14. font-variant
      15. font-variant-alternates
      16. font-variant-caps (en-US)
      17. font-variant-east-asian (en-US)
      18. font-variant-emoji (en-US)
      19. font-variant-ligatures (en-US)
      20. font-variant-numeric (en-US)
      21. font-variant-position (en-US)
      22. font-variation-settings (en-US)
      23. font-weight
    39. forced-color-adjust (en-US)
    40. gap
    41. grid-*
      1. grid
      2. grid-area (en-US)
      3. grid-auto-columns
      4. grid-auto-flow (en-US)
      5. grid-auto-rows
      6. grid-column (en-US)
      7. grid-column-end (en-US)
      8. grid-column-start (en-US)
      9. grid-row (en-US)
      10. grid-row-end (en-US)
      11. grid-row-start (en-US)
      12. grid-template (en-US)
      13. grid-template-areas
      14. grid-template-columns
      15. grid-template-rows
    42. hanging-punctuation (en-US)
    43. height
    44. hyphenate-character (en-US)
    45. hyphenate-limit-chars (en-US)
    46. hyphens
    47. image-*
      1. image-orientation (en-US)
      2. image-rendering
      3. image-resolution (en-US) Experimental
    48. initial-letter (en-US) Experimental
    49. initial-letter-align (en-US) Experimental
    50. inline-size
    51. 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
    52. isolation
    53. justify-*
      1. justify-content
      2. justify-items (en-US)
      3. justify-self (en-US)
      4. justify-tracks (en-US) Experimental
    54. left
    55. letter-spacing (en-US)
    56. line-*
      1. line-break (en-US)
      2. line-height
      3. line-height-step (en-US) Experimental
    57. list-*
      1. list-style
      2. list-style-image
      3. list-style-position
      4. list-style-type
    58. margin-*
      1. margin
      2. margin-block
      3. margin-block-end (en-US)
      4. margin-block-start
      5. margin-bottom
      6. margin-inline
      7. margin-inline-end
      8. margin-inline-start
      9. margin-left (en-US)
      10. margin-right
      11. margin-top (en-US)
      12. margin-trim (en-US) Experimental
    59. mask-*
      1. mask
      2. mask-border (en-US)
      3. mask-border-mode (en-US)
      4. mask-border-outset (en-US)
      5. mask-border-repeat (en-US)
      6. mask-border-slice (en-US)
      7. mask-border-source (en-US)
      8. mask-border-width (en-US)
      9. mask-clip
      10. mask-composite (en-US)
      11. mask-image
      12. mask-mode (en-US)
      13. mask-origin
      14. mask-position
      15. mask-repeat
      16. mask-size (en-US)
      17. mask-type (en-US)
    60. masonry-auto-flow (en-US) Experimental
    61. math-*
      1. math-depth (en-US) Experimental
      2. math-shift (en-US) Experimental
      3. math-style (en-US)
    62. max-*
      1. max-block-size
      2. max-height
      3. max-inline-size
      4. max-width (en-US)
    63. min-*
      1. min-block-size
      2. min-height
      3. min-inline-size
      4. min-width
    64. mix-blend-mode
    65. object-fit
    66. object-position
    67. offset-*
      1. offset (en-US)
      2. offset-anchor (en-US)
      3. offset-distance (en-US)
      4. offset-path (en-US)
      5. offset-position (en-US) Experimental
      6. offset-rotate (en-US)
    68. opacity
    69. order
    70. orphans (en-US)
    71. outline-*
      1. outline
      2. outline-color
      3. outline-offset
      4. outline-style
      5. outline-width
    72. overflow-*
      1. overflow
      2. overflow-anchor (en-US)
      3. overflow-block (en-US)
      4. overflow-clip-margin (en-US)
      5. overflow-inline (en-US)
      6. overflow-wrap (en-US)
      7. overflow-x (en-US)
      8. overflow-y
    73. overscroll-*
      1. overscroll-behavior (en-US)
      2. overscroll-behavior-block (en-US)
      3. overscroll-behavior-inline (en-US)
      4. overscroll-behavior-x (en-US)
      5. overscroll-behavior-y (en-US)
    74. 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 (en-US)
      10. padding-right (en-US)
      11. padding-top
    75. page-*
      1. page (en-US)
      2. page-break-after (en-US)
      3. page-break-before (en-US)
      4. page-break-inside (en-US)
    76. paint-order (en-US)
    77. perspective
    78. perspective-origin (en-US)
    79. place-*
      1. place-content (en-US)
      2. place-items (en-US)
      3. place-self (en-US)
    80. pointer-events (en-US)
    81. position
    82. print-color-adjust
    83. quotes
    84. resize
    85. right
    86. rotate (en-US)
    87. row-gap (en-US)
    88. ruby-align (en-US) Experimental
    89. ruby-position (en-US)
    90. scale (en-US)
    91. scroll-*
      1. scroll-behavior
      2. scroll-margin (en-US)
      3. scroll-margin-block (en-US)
      4. scroll-margin-block-end (en-US)
      5. scroll-margin-block-start (en-US)
      6. scroll-margin-bottom (en-US)
      7. scroll-margin-inline (en-US)
      8. scroll-margin-inline-end (en-US)
      9. scroll-margin-inline-start (en-US)
      10. scroll-margin-left (en-US)
      11. scroll-margin-right (en-US)
      12. scroll-margin-top (en-US)
      13. scroll-padding (en-US)
      14. scroll-padding-block (en-US)
      15. scroll-padding-block-end (en-US)
      16. scroll-padding-block-start (en-US)
      17. scroll-padding-bottom (en-US)
      18. scroll-padding-inline (en-US)
      19. scroll-padding-inline-end (en-US)
      20. scroll-padding-inline-start (en-US)
      21. scroll-padding-left (en-US)
      22. scroll-padding-right (en-US)
      23. scroll-padding-top (en-US)
      24. scroll-snap-align (en-US)
      25. scroll-snap-coordinate (en-US) Non-standard Obsoleto
      26. scroll-snap-destination (en-US) Non-standard Obsoleto
      27. scroll-snap-points-x (en-US) Non-standard Obsoleto
      28. scroll-snap-points-y (en-US) Non-standard Obsoleto
      29. scroll-snap-stop (en-US)
      30. scroll-snap-type (en-US)
      31. scroll-snap-type-x (en-US) Non-standard Obsoleto
      32. scroll-snap-type-y (en-US) Non-standard Obsoleto
      33. scroll-timeline (en-US) Experimental
      34. scroll-timeline-axis (en-US) Experimental
      35. scroll-timeline-name (en-US) Experimental
    92. scrollbar-*
      1. scrollbar-color (en-US)
      2. scrollbar-gutter (en-US)
      3. scrollbar-width (en-US)
    93. shape-*
      1. shape-image-threshold (en-US)
      2. shape-margin (en-US)
      3. shape-outside (en-US)
    94. tab-size (en-US)
    95. table-layout (en-US)
    96. text-*
      1. text-align (en-US)
      2. text-align-last (en-US)
      3. text-combine-upright (en-US)
      4. text-decoration
      5. text-decoration-color
      6. text-decoration-line
      7. text-decoration-skip (en-US) Experimental
      8. text-decoration-skip-ink (en-US)
      9. text-decoration-style
      10. text-decoration-thickness (en-US)
      11. text-emphasis
      12. text-emphasis-color
      13. text-emphasis-position (en-US)
      14. text-emphasis-style (en-US)
      15. text-indent (en-US)
      16. text-justify (en-US)
      17. text-orientation
      18. text-overflow
      19. text-rendering (en-US)
      20. text-shadow
      21. text-size-adjust (en-US) Experimental
      22. text-transform
      23. text-underline-offset (en-US)
      24. text-underline-position (en-US)
    97. top
    98. touch-action (en-US)
    99. transform-*
      1. transform
      2. transform-box (en-US)
      3. transform-origin
      4. transform-style
    100. transition-*
      1. transition
      2. transition-delay
      3. transition-duration
      4. transition-property
      5. transition-timing-function (en-US)
    101. translate (en-US)
    102. unicode-bidi (en-US)
    103. user-modify Non-standard Obsoleto
    104. user-select
    105. vertical-align
    106. view-transition-name (en-US) Experimental
    107. visibility
    108. white-space
    109. widows
    110. width
    111. will-change (en-US)
    112. word-break (en-US)
    113. word-spacing (en-US)
    114. writing-mode
    115. z-index
    116. zoom Non-standard
  11. Selectors
    1. Attribute selectors
    2. Class selectors
    3. ID selectors
    4. Type selectors
    5. Universal selectors
  12. Combinators
    1. Adjacent sibling combinator
    2. Child combinator
    3. Column combinator (en-US) Experimental
    4. Descendant combinator
    5. General sibling combinator
    6. Selector list (en-US)
  13. Pseudo-classes
    1. :-moz-broken Non-standard
    2. :-moz-drag-over Non-standard
    3. :-moz-first-node Non-standard
    4. :-moz-focusring Non-standard
    5. :-moz-handler-blocked Non-standard
    6. :-moz-handler-crashed Non-standard
    7. :-moz-handler-disabled Non-standard
    8. :-moz-last-node Non-standard
    9. :-moz-loading Non-standard
    10. :-moz-locale-dir(ltr) Non-standard
    11. :-moz-locale-dir(rtl) Non-standard
    12. :-moz-only-whitespace Non-standard
    13. :-moz-submit-invalid Non-standard
    14. :-moz-suppressed Non-standard
    15. :-moz-user-disabled Non-standard
    16. :-moz-window-inactive Non-standard
    17. :active
    18. :any-link
    19. :autofill
    20. :blank Experimental
    21. :checked
    22. :current (en-US)
    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 (en-US) Experimental
    37. :has()
    38. :host
    39. :host-context() (en-US)
    40. :host() (en-US)
    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 (en-US)
    52. :modal (en-US)
    53. :not()
    54. :nth-child()
    55. :nth-col() (en-US)
    56. :nth-last-child()
    57. :nth-last-col() (en-US)
    58. :nth-last-of-type()
    59. :nth-of-type()
    60. :only-child
    61. :only-of-type
    62. :optional
    63. :out-of-range
    64. :past (en-US) Experimental
    65. :paused (en-US)
    66. :picture-in-picture (en-US)
    67. :placeholder-shown
    68. :playing (en-US)
    69. :popover-open (en-US) Experimental
    70. :read-only
    71. :read-write
    72. :required
    73. :right
    74. :root
    75. :scope (en-US)
    76. :target
    77. :target-within (en-US) Experimental
    78. :user-invalid (:-moz-ui-invalid)
    79. :user-valid (:-moz-ui-valid) (en-US)
    80. :valid
    81. :visited
    82. :where() (en-US)
  14. Pseudo-elements
    1. ::-moz-color-swatch Non-standard
    2. ::-moz-focus-inner (en-US) Non-standard
    3. ::-moz-list-bullet Non-standard
    4. ::-moz-list-number Non-standard
    5. ::-moz-page Non-standard
    6. ::-moz-page-sequence Non-standard
    7. ::-moz-progress-bar Non-standard
    8. ::-moz-range-progress Non-standard
    9. ::-moz-range-thumb Non-standard
    10. ::-moz-range-track Non-standard
    11. ::-moz-scrolled-page-sequence Non-standard
    12. ::-webkit-inner-spin-button Non-standard
    13. ::-webkit-meter-bar Non-standard
    14. ::-webkit-meter-even-less-good-value Non-standard
    15. ::-webkit-meter-inner-element Non-standard
    16. ::-webkit-meter-optimum-value Non-standard
    17. ::-webkit-meter-suboptimum-value Non-standard
    18. ::-webkit-outer-spin-button Non-standard
    19. ::-webkit-progress-bar Non-standard
    20. ::-webkit-progress-inner-element Non-standard
    21. ::-webkit-progress-value Non-standard
    22. ::-webkit-scrollbar Non-standard
    23. ::-webkit-search-cancel-button (en-US) Non-standard
    24. ::-webkit-search-results-button (en-US) Non-standard
    25. ::-webkit-slider-runnable-track Non-standard
    26. ::-webkit-slider-thumb Non-standard
    27. ::after
    28. ::backdrop
    29. ::before
    30. ::cue
    31. ::cue-region (en-US)
    32. ::file-selector-button
    33. ::first-letter
    34. ::first-line
    35. ::grammar-error (en-US) Experimental
    36. ::highlight() (en-US) Experimental
    37. ::marker
    38. ::part() (en-US)
    39. ::placeholder
    40. ::selection
    41. ::slotted() (en-US)
    42. ::spelling-error Experimental
    43. ::target-text (en-US) Experimental
    44. ::view-transition (en-US) Experimental
    45. ::view-transition-group (en-US) Experimental
    46. ::view-transition-image-pair (en-US) Experimental
    47. ::view-transition-new (en-US) Experimental
    48. ::view-transition-old (en-US) Experimental
  15. At-rules
    1. @charset
    2. @color-profile (en-US)
    3. @container (en-US)
    4. @counter-style
    5. @document (en-US) Non-standard Obsoleto
    6. @font-face
    7. @font-feature-values
    8. @font-palette-values (en-US)
    9. @import
    10. @keyframes
    11. @layer (en-US)
    12. @media
    13. @namespace
    14. @page
    15. @property (en-US)
    16. @supports
  16. Functions
    1. -moz-image-rect Experimental Non-standard
    2. abs() (en-US) Experimental
    3. acos() (en-US)
    4. asin() (en-US)
    5. atan() (en-US)
    6. atan2() (en-US)
    7. attr()
    8. calc()
    9. clamp() (en-US)
    10. cos() (en-US)
    11. counter() (en-US)
    12. counters() (en-US)
    13. cross-fade() (en-US)
    14. element() (en-US) Experimental
    15. env()
    16. exp() (en-US)
    17. fit-content() (en-US)
    18. hypot() (en-US)
    19. log() (en-US)
    20. max() (en-US)
    21. min()
    22. minmax()
    23. mod() (en-US) Experimental
    24. path() (en-US)
    25. pow() (en-US)
    26. ray() (en-US) Experimental
    27. rem() (en-US) Experimental
    28. repeat()
    29. round() (en-US) Experimental
    30. sign() (en-US) Experimental
    31. sin() (en-US)
    32. sqrt() (en-US)
    33. symbols() (en-US)
    34. tan() (en-US)
    35. url()
    36. var()
  17. Types
    1. <alpha-value> (en-US)
    2. <angle>
    3. <angle-percentage> (en-US)
    4. <basic-shape>
    5. <blend-mode>
    6. <calc-constant> (en-US)
    7. <calc-sum> (en-US)
    8. <color>
    9. <custom-ident> (en-US)
    10. <dashed-ident> (en-US)
    11. <dimension> (en-US)
    12. <display-box> (en-US)
    13. <display-inside> (en-US)
    14. <display-internal> (en-US)
    15. <display-legacy> (en-US)
    16. <display-listitem> (en-US)
    17. <display-outside> (en-US)
    18. <easing-function> (en-US)
    19. <filter-function>
    20. <flex> (en-US)
    21. <frequency>
    22. <frequency-percentage> (en-US)
    23. <gradient>
    24. <hex-color> (en-US)
    25. <hue> (en-US)
    26. <ident> (en-US)
    27. <image>
    28. <integer>
    29. <length>
    30. <length-percentage> (en-US)
    31. <line-style> (en-US)
    32. <named-color> (en-US)
    33. <number>
    34. <overflow> (en-US)
    35. <percentage>
    36. <position> (en-US)
    37. <ratio> (en-US)
    38. <resolution>
    39. <shape> (en-US) Obsoleto
    40. <string> (en-US)
    41. <system-color> (en-US)
    42. <time>
    43. <time-percentage> (en-US)
    44. <transform-function>
  18. Guides
  19. Animations
    1. Using CSS animations
  20. Backgrounds and Borders
    1. Using multiple backgrounds
    2. Resizing background images (en-US)
  21. Box alignment
    1. Box alignment in block layout (en-US)
    2. Box alignment in flexbox (en-US)
    3. Box alignment in grid layout (en-US)
    4. Box alignment in multi-column layout (en-US)
  22. Box model
    1. Introduction to the CSS basic box model
    2. Mastering margin collapsing
  23. Columns
    1. Basic concepts of Multicol (en-US)
    2. Styling columns (en-US)
    3. Spanning and balancing (en-US)
    4. Handling overflow in Multicol (en-US)
    5. Content breaks in Multicol (en-US)
  24. Conditional rules
    1. Using feature queries (en-US)
  25. CSSOM view
    1. Coordinate systems (en-US)
  26. Flexbox
    1. Basic concepts of Flexbox
    2. Comparison with other layout methods (en-US)
    3. Aligning items in a flex container
    4. Ordering flex items (en-US)
    5. Controlling flex item ratios (en-US)
    6. Mastering wrapping of flex items (en-US)
    7. Typical use cases of Flexbox
    8. Backwards compatibility of Flexbox
  27. Flow layout
    1. Block and Inline layout in normal flow (en-US)
    2. In flow and Out of flow (en-US)
    3. Formatting contexts explained (en-US)
    4. Flow layout and writing modes (en-US)
    5. Flow layout and overflow (en-US)
  28. Fonts
    1. OpenType font features guide (en-US)
    2. Variable fonts guide (en-US)
  29. Grid
    1. Basics concepts of grid layout
    2. Relationship to other layout methods
    3. Line-based placement (en-US)
    4. Grid template areas (en-US)
    5. Layout using named grid lines (en-US)
    6. Auto-placement in grid layout
    7. Box alignment in grid layout
    8. Grids, logical values and writing modes (en-US)
    9. Grid layout and accessibility (en-US)
    10. Grid Layout and progressive enhancement (en-US)
    11. Realizing common layouts using grids
    12. Subgrid (en-US)
    13. Masonry layout (en-US)
  30. Images
    1. Using CSS gradients
  31. Lists and counters
    1. Using CSS counters (en-US)
    2. Consistent list indentation (en-US)
  32. Logical properties
    1. Basic concepts
    2. Floating and positioning
    3. Margins, borders and padding
    4. Sizing
  33. Media queries
    1. Using media queries
    2. Using media queries for accessibility (en-US)
    3. Testing media queries programmatically (en-US)
  34. Positioning
    1. Understanding CSS z-index
  35. Scroll snap
    1. Basic concepts of scroll snap (en-US)
  36. Shapes
    1. Overview of shapes (en-US)
    2. Shapes from box values (en-US)
    3. Basic shapes (en-US)
    4. Shapes from images (en-US)
  37. Text
    1. Wrapping and breaking text (en-US)
  38. Transforms
    1. Using transforms
  39. Transitions
    1. Using transitions
  40. Layout cookbook
    1. Media objects (en-US)
    2. Columns (en-US)
    3. Center an element (en-US)
    4. Sticky footers (en-US)
    5. Split navigation (en-US)
    6. Breadcrumb navigation (en-US)
    7. List group with badges (en-US)
    8. Pagination (en-US)
    9. Card (en-US)
    10. Grid wrapper (en-US)
  42. Tools
    1. Color picker
    2. Box shadow generator (en-US)
    3. Border image generator

<number>

Un valor para una propiedad CSS, un número incluyendo un valor entero integer.

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.
Want to get more involved? Learn how to contribute.

This page was last modified on 26 nov 2022 by MDN contributors.

MDN logo

Your blueprint for a better internet.

  • MDN on Twitter
  • MDN on GitHub

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