• 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

    • AI Help (beta)

      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

  • Blog
  • Play
  • AI Help Beta
  • Log in
  • Sign up for free
  1. Tecnología para desarrolladores web
  2. CSS
  3. <integer>

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

In this article

  • Sumario
  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 cascade and inheritance (en-US)
    7. CSS cascading variables (en-US)
    8. CSS charsets (en-US)
    9. CSS color adjustment (en-US)
    10. CSS colors
    11. CSS compositing and blending (en-US)
    12. CSS conditional rules
    13. CSS containment
    14. CSS counter styles (en-US)
    15. CSS display (en-US)
    16. CSS filter effects (en-US)
    17. CSS flexible box layout
    18. CSS font loading (en-US)
    19. CSS fonts
    20. CSS fragmentation (en-US)
    21. CSS generated content (en-US)
    22. CSS grid layout
    23. CSS images (en-US)
    24. CSS lists and counters (en-US)
    25. CSS logical properties and values
    26. CSS masking (en-US)
    27. CSS media queries
    28. CSS miscellaneous (en-US)
    29. CSS motion path
    30. CSS multi-column layout
    31. CSS namespaces (en-US)
    32. CSS nesting (en-US)
    33. CSS overflow (en-US)
    34. CSS paged media (en-US)
    35. CSS positioned layout
    36. CSS pseudo-elements (en-US)
    37. CSS ruby layout (en-US)
    38. CSS scoping (en-US)
    39. CSS scroll-driven animations (en-US)
    40. CSS scroll snap (en-US)
    41. CSS scrollbars styling (en-US)
    42. CSS selectors
    43. CSS shadow parts (en-US)
    44. CSS shapes (en-US)
    45. CSS table (en-US)
    46. CSS text
    47. CSS text decoration (en-US)
    48. CSS transforms
    49. CSS transitions
    50. CSS writing modes
    51. CSSOM view (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-range (en-US) Experimental
      11. animation-range-end (en-US) Experimental
      12. animation-range-start (en-US) Experimental
      13. animation-timeline (en-US) Experimental
      14. 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-synthesis-position (en-US)
      15. font-synthesis-small-caps (en-US)
      16. font-synthesis-style (en-US)
      17. font-synthesis-weight (en-US)
      18. font-variant
      19. font-variant-alternates
      20. font-variant-caps (en-US)
      21. font-variant-east-asian (en-US)
      22. font-variant-emoji (en-US)
      23. font-variant-ligatures (en-US)
      24. font-variant-numeric (en-US)
      25. font-variant-position (en-US)
      26. font-variation-settings (en-US)
      27. 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)
      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)
      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. overlay (en-US) Experimental
    74. 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)
    75. 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
    76. page-*
      1. page (en-US)
      2. page-break-after (en-US)
      3. page-break-before (en-US)
      4. page-break-inside (en-US)
    77. paint-order (en-US)
    78. perspective
    79. perspective-origin (en-US)
    80. place-*
      1. place-content (en-US)
      2. place-items (en-US)
      3. place-self (en-US)
    81. pointer-events (en-US)
    82. position
    83. print-color-adjust
    84. quotes
    85. resize
    86. right
    87. rotate (en-US)
    88. row-gap (en-US)
    89. ruby-align (en-US) Experimental
    90. ruby-position (en-US)
    91. scale (en-US)
    92. 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-stop (en-US)
      26. scroll-snap-type (en-US)
      27. scroll-timeline (en-US) Experimental
      28. scroll-timeline-axis (en-US) Experimental
      29. scroll-timeline-name (en-US) Experimental
    93. scrollbar-*
      1. scrollbar-color (en-US)
      2. scrollbar-gutter (en-US)
      3. scrollbar-width (en-US)
    94. shape-*
      1. shape-image-threshold (en-US)
      2. shape-margin (en-US)
      3. shape-outside (en-US)
    95. tab-size (en-US)
    96. table-layout (en-US)
    97. text-*
      1. text-align
      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)
      25. text-wrap (en-US)
    98. timeline-scope (en-US) Experimental
    99. top
    100. touch-action (en-US)
    101. transform-*
      1. transform
      2. transform-box (en-US)
      3. transform-origin
      4. transform-style
    102. transition-*
      1. transition
      2. transition-behavior (en-US) Experimental
      3. transition-delay
      4. transition-duration
      5. transition-property
      6. transition-timing-function (en-US)
    103. translate (en-US)
    104. unicode-bidi (en-US)
    105. user-modify Non-standard Obsoleto
    106. user-select
    107. vertical-align
    108. view-*
      1. view-timeline (en-US) Experimental
      2. view-timeline-axis (en-US) Experimental
      3. view-timeline-inset (en-US) Experimental
      4. view-timeline-name (en-US) Experimental
      5. view-transition-name (en-US) Experimental
    109. visibility
    110. white-space
    111. white-space-collapse (en-US) Experimental
    112. widows
    113. width
    114. will-change (en-US)
    115. word-break (en-US)
    116. word-spacing (en-US)
    117. writing-mode
    118. z-index
    119. zoom Non-standard
  11. Selectors
    1. Attribute selectors
    2. Class selectors
    3. ID selectors
    4. & nesting selector (en-US)
    5. Type selectors
    6. Universal selectors
  12. Combinators
    1. Child combinator
    2. Column combinator (en-US) Experimental
    3. Descendant combinator
    4. Namespace separator (en-US)
    5. Next-sibling combinator
    6. Selector list (en-US)
    7. Subsequent-sibling combinator
  13. Pseudo-classes
    1. :-moz-broken Non-standard
    2. :-moz-drag-over Non-standard
    3. :-moz-first-node Non-standard
    4. :-moz-handler-blocked Non-standard
    5. :-moz-handler-crashed Non-standard
    6. :-moz-handler-disabled Non-standard
    7. :-moz-last-node Non-standard
    8. :-moz-loading Non-standard
    9. :-moz-locale-dir(ltr) Non-standard
    10. :-moz-locale-dir(rtl) Non-standard
    11. :-moz-only-whitespace Non-standard
    12. :-moz-submit-invalid Non-standard
    13. :-moz-suppressed Non-standard
    14. :-moz-user-disabled Non-standard
    15. :-moz-window-inactive Non-standard
    16. :active
    17. :any-link
    18. :autofill
    19. :blank Experimental
    20. :buffering (en-US)
    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)
    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. :muted (en-US)
    54. :not()
    55. :nth-child()
    56. :nth-last-child()
    57. :nth-last-of-type()
    58. :nth-of-type()
    59. :only-child
    60. :only-of-type
    61. :optional
    62. :out-of-range
    63. :past (en-US)
    64. :paused (en-US)
    65. :picture-in-picture (en-US)
    66. :placeholder-shown
    67. :playing (en-US)
    68. :popover-open (en-US)
    69. :read-only
    70. :read-write
    71. :required
    72. :right
    73. :root
    74. :scope (en-US)
    75. :seeking (en-US)
    76. :stalled (en-US)
    77. :target
    78. :target-within (en-US) Experimental
    79. :user-invalid
    80. :user-valid (en-US)
    81. :valid
    82. :visited
    83. :volume-locked (en-US)
    84. :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)
    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. @scope (en-US) Experimental
    17. @starting-style (en-US) Experimental
    18. @supports
  16. Functions
    1. -moz-image-rect Non-standard Obsoleto
    2. abs() (en-US)
    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)
    24. path() (en-US)
    25. pow() (en-US)
    26. ray() (en-US) Experimental
    27. rem() (en-US)
    28. repeat()
    29. round() (en-US)
    30. sign() (en-US)
    31. sin() (en-US)
    32. sqrt() (en-US)
    33. symbols() (en-US)
    34. tan() (en-US)
    35. url()
    36. var()
  17. Types
    1. <absolute-size> (en-US)
    2. <alpha-value> (en-US)
    3. <angle>
    4. <angle-percentage> (en-US)
    5. <basic-shape>
    6. <blend-mode>
    7. <box-edge> (en-US)
    8. <calc-constant> (en-US)
    9. <calc-sum> (en-US)
    10. <color-interpolation-method> (en-US)
    11. <color>
    12. <custom-ident> (en-US)
    13. <dashed-ident> (en-US)
    14. <dimension> (en-US)
    15. <display-box> (en-US)
    16. <display-inside> (en-US)
    17. <display-internal> (en-US)
    18. <display-legacy> (en-US)
    19. <display-listitem> (en-US)
    20. <display-outside> (en-US)
    21. <easing-function> (en-US)
    22. <filter-function>
    23. <flex> (en-US)
    24. <frequency>
    25. <frequency-percentage> (en-US)
    26. <generic-family> (en-US)
    27. <gradient>
    28. <hex-color> (en-US)
    29. <hue> (en-US)
    30. <hue-interpolation-method> (en-US)
    31. <ident> (en-US)
    32. <image>
    33. <integer>
    34. <length>
    35. <length-percentage> (en-US)
    36. <line-style> (en-US)
    37. <named-color> (en-US)
    38. <number>
    39. <overflow> (en-US)
    40. <percentage>
    41. <position> (en-US)
    42. <ratio> (en-US)
    43. <relative-size> (en-US)
    44. <resolution>
    45. <shape> (en-US) Obsoleto
    46. <string> (en-US)
    47. <system-color> (en-US)
    48. <time>
    49. <time-percentage> (en-US)
    50. <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. Colors
    1. Applying color to HTML elements using CSS (en-US)
    2. Web Accessibility: Understanding colors and luminance (en-US)
    3. Web Accessibility: Color contrast
  24. 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)
  25. Conditional rules
    1. Using feature queries (en-US)
  26. CSSOM view
    1. Coordinate systems (en-US)
  27. 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
  28. 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)
  29. Fonts
    1. OpenType font features guide (en-US)
    2. Variable fonts guide (en-US)
  30. 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)
  31. Images
    1. Using CSS gradients
  32. Lists and counters
    1. Using CSS counters (en-US)
    2. Consistent list indentation (en-US)
  33. Logical properties
    1. Basic concepts
    2. Floating and positioning
    3. Margins, borders and padding
    4. Sizing
  34. Math functions
    1. Using CSS math functions
  35. Media queries
    1. Using media queries
    2. Using media queries for accessibility (en-US)
    3. Testing media queries programmatically (en-US)
  36. Nesting style rules
    1. Using CSS nesting (en-US)
    2. Nesting at-rules (en-US)
    3. Nesting and specificity (en-US)
  37. Positioning
    1. Understanding CSS z-index
  38. Scroll snap
    1. Basic concepts of scroll snap (en-US)
  39. 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)
  40. Text
    1. Wrapping and breaking text (en-US)
  41. Transforms
    1. Using transforms
  42. Transitions
    1. Using transitions
  43. 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)
  44. Tools
    1. Color picker
    2. Box shadow generator (en-US)
    3. Border image generator
    4. Border radius generator

In this article

  • Sumario

<integer>

Sumario

Un valor entero usado para algunas propiedades CSS que no tiene unidades.

Usado en

  • -moz-column-count (en-US)

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