• 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

      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. Веб-технологии для разработчиков
  2. CSS: каскадные таблицы стилей
  3. Кастомные CSS свойства
    • English (US)
    • Deutsch
    • Français
    • 日本語
    • 한국어

Эта страница была переведена с английского языка силами сообщества. Вы тоже можете внести свой вклад, присоединившись к русскоязычному сообществу MDN Web Docs.

В этой статье

  • Справка
  • Спецификации
  1. CSS
  2. Tutorials
  3. Основы CSS
  4. CSS first steps
    1. CSS first steps overview
    2. Что такое CSS?
    3. Начало работы с CSS
    4. Как структурирован CSS
    5. Как работает CSS
    6. Assessment: Styling a biography page
  5. CSS building blocks
    1. CSS building blocks overview
    2. Селекторы CSS
    3. Селекторы типа, класса и ID
    4. Селекторы атрибута
    5. Псевдоклассы, псевдоэлементы
    6. Комбинаторы
    7. Каскад и наследование
    8. Cascade layers
    9. Блочная модель
    10. Фон и границы
    11. Изменение направления текста
    12. Переполнение содержимого
    13. Значения свойств CSS
    14. Изменение размеров в CSS
    15. Элементы изображений, медиа и форм
    16. Стилизация таблиц
    17. Отладка CSS
    18. Organizing your CSS
    19. Assessment: Fundamental CSS comprehension
    20. Assessment: Creating fancy letterheaded paper
    21. Assessment: A cool-looking box
  6. Styling text
    1. Styling text overview
    2. Основы стилизирования текста и шрифта
    3. Стилизация списков
    4. Стилизация ссылок
    5. Веб-шрифты
    6. Assessment: Typesetting a community school homepage
  7. CSS layout
    1. CSS layout overview
    2. Введение в CSS вёрстку
    3. Базовый поток
    4. Flexbox
    5. Grids
    6. Float
    7. Позиционирование
    8. Макет с несколькими столбцами
    9. Отзывчивый дизайн
    10. Beginner's guide to media queries
    11. Legacy layout methods
    12. Supporting older browsers
    13. Assessment: Fundamental layout comprehension
  8. Руководство по CSS
  9. Modules
    1. CSS anchor positioning
    2. CSS Animations
    3. CSS backgrounds and borders
    4. CSS Basic User Interface
    5. Выравнивание полей CSS
    6. CSS box model
    7. CSS box sizing
    8. CSS cascade and inheritance
    9. CSS color adjustment
    10. CSS Colors
    11. CSS compositing and blending
    12. CSS conditional rules
    13. CSS containment
    14. CSS counter styles
    15. Кастомные CSS свойства
    16. CSS display
    17. CSS filter effects
    18. CSS Flexible Box Layout
    19. CSS font loading
    20. CSS Fonts
    21. CSS fragmentation
    22. CSS generated content
    23. CSS Grid Layout
    24. CSS Images
    25. CSS inline layout
    26. CSS lists and counters
    27. CSS logical properties and values
    28. CSS masking
    29. Media queries
    30. CSS motion path
    31. CSS multi-column layout
    32. CSS namespaces
    33. CSS nesting
    34. CSS overflow
    35. CSS overscroll behavior
    36. Постраничные носители
    37. CSS positioned layout
    38. CSS properties and values API
    39. CSS pseudo-elements
    40. CSS Ruby Layout
    41. CSS scoping
    42. CSS scroll snap
    43. CSS scroll-driven animations
    44. CSS scrollbars styling
    45. CSS-селекторы
    46. CSS shadow parts
    47. CSS shapes
    48. CSS syntax
    49. CSS Table
    50. CSS Text
    51. CSS Text Decoration
    52. CSS Transforms
    53. CSS transitions
    54. CSS view transitions
    55. Режимы письма CSS
    56. CSSOM view
  10. Properties
    1. -moz-*
      1. -moz-float-edge Не стандартно Устарело
      2. -moz-force-broken-image-icon Не стандартно Устарело
      3. -moz-image-region Не стандартно
      4. -moz-orient Не стандартно
      5. -moz-user-focus Не стандартно Устарело
      6. -moz-user-input Не стандартно Устарело
    2. -webkit-*
      1. -webkit-border-before Не стандартно
      2. -webkit-box-reflect Не стандартно
      3. -webkit-line-clamp
      4. -webkit-mask-box-image Не стандартно
      5. -webkit-mask-composite Не стандартно
      6. -webkit-mask-position-x Не стандартно
      7. -webkit-mask-position-y Не стандартно
      8. -webkit-mask-repeat-x Не стандартно
      9. -webkit-mask-repeat-y Не стандартно
      10. -webkit-tap-highlight-color Не стандартно
      11. -webkit-text-fill-color
      12. -webkit-text-security Не стандартно
      13. -webkit-text-stroke
      14. -webkit-text-stroke-color
      15. -webkit-text-stroke-width
      16. -webkit-touch-callout Не стандартно
    3. accent-color
    4. align-*
      1. align-content
      2. align-items
      3. align-self
    5. all
    6. anchor-name Экспериментальная возможность
    7. 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
    8. appearance (-moz-appearance, -webkit-appearance)
    9. aspect-ratio
    10. backdrop-filter
    11. backface-visibility
    12. 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
    13. block-size
    14. 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
    15. bottom
    16. box-*
      1. box-align Не стандартно Устарело
      2. box-decoration-break
      3. box-direction Не стандартно Устарело
      4. box-flex Не стандартно Устарело
      5. box-flex-group Не стандартно Устарело
      6. box-lines Не стандартно Устарело
      7. box-ordinal-group Не стандартно Устарело
      8. box-orient Не стандартно Устарело
      9. box-pack Не стандартно Устарело
      10. box-shadow
      11. box-sizing
    17. break-*
      1. break-after
      2. break-before
      3. break-inside
    18. caption-side
    19. caret-color
    20. clear
    21. clip-*
      1. clip Устарело
      2. clip-path
      3. clip-rule
    22. color-*
      1. color
      2. color-interpolation
      3. color-interpolation-filters
      4. color-scheme
    23. 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
    24. columns
    25. 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
    26. container-*
      1. container
      2. container-name
      3. container-type
    27. content
    28. content-visibility
    29. counter-*
      1. counter-increment
      2. counter-reset
      3. counter-set
    30. Курсор
    31. cx
    32. cy
    33. d
    34. direction
    35. display
    36. dominant-baseline
    37. empty-cells
    38. field-sizing Экспериментальная возможность
    39. fill-*
      1. fill
      2. fill-opacity
      3. fill-rule
    40. filter
    41. flex-*
      1. flex
      2. flex-basis
      3. flex-direction
      4. flex-flow
      5. flex-grow
      6. flex-shrink
      7. flex-wrap
    42. float
    43. flood-color
    44. flood-opacity
    45. 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 Не стандартно
      11. font-stretch
      12. font-style
      13. font-synthesis
      14. font-synthesis-position
      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
    46. forced-color-adjust
    47. gap (grid-gap)
    48. 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
    49. hanging-punctuation
    50. height
    51. hyphenate-character
    52. hyphenate-limit-chars
    53. hyphens
    54. image-*
      1. image-orientation
      2. image-rendering
      3. image-resolution Экспериментальная возможность
    55. initial-letter
    56. inline-size
    57. 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
    58. interpolate-size Экспериментальная возможность
    59. isolation
    60. justify-*
      1. justify-content
      2. Атрибут justify-items
      3. justify-self
    61. left
    62. letter-spacing
    63. lighting-color
    64. line-*
      1. line-break
      2. line-height
      3. line-height-step Экспериментальная возможность
    65. list-*
      1. list-style
      2. list-style-image
      3. list-style-position
      4. list-style-type
    66. 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 Экспериментальная возможность
    67. marker-*
      1. marker
      2. marker-end
      3. marker-mid
      4. marker-start
    68. 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
    69. math-*
      1. math-depth
      2. math-shift Экспериментальная возможность
      3. math-style
    70. max-*
      1. max-block-size
      2. max-height
      3. max-inline-size
      4. max-width
    71. min-*
      1. min-block-size
      2. min-height
      3. min-inline-size
      4. min-width
    72. mix-blend-mode
    73. object-fit
    74. object-position
    75. offset-*
      1. offset
      2. offset-anchor
      3. offset-distance
      4. offset-path
      5. offset-position
      6. offset-rotate
    76. opacity
    77. order
    78. orphans
    79. outline-*
      1. outline
      2. outline-color
      3. outline-offset
      4. outline-style
      5. outline-width
    80. 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
    81. overlay Экспериментальная возможность
    82. overscroll-*
      1. overscroll-behavior
      2. overscroll-behavior-block
      3. overscroll-behavior-inline
      4. overscroll-behavior-x
      5. overscroll-behavior-y
    83. 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
    84. page-*
      1. page
      2. page-break-after
      3. page-break-before
      4. page-break-inside
    85. paint-order
    86. perspective
    87. perspective-origin
    88. place-*
      1. place-content
      2. place-items
      3. place-self
    89. pointer-events
    90. position-*
      1. position
      2. position-anchor Экспериментальная возможность
      3. position-area
      4. position-try Экспериментальная возможность
      5. position-try-fallbacks Экспериментальная возможность
      6. position-try-order Экспериментальная возможность
      7. position-visibility Экспериментальная возможность
    91. print-color-adjust
    92. quotes
    93. r
    94. resize
    95. right
    96. rotate
    97. row-gap
    98. ruby-align
    99. ruby-position
    100. rx
    101. ry
    102. scale
    103. 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-padding
      14. scroll-padding-block
      15. scroll-padding-block-end
      16. scroll-padding-block-start
      17. scroll-padding-bottom
      18. scroll-padding-inline
      19. scroll-padding-inline-end
      20. scroll-padding-inline-start
      21. scroll-padding-left
      22. scroll-padding-right
      23. scroll-padding-top
      24. scroll-snap-align
      25. scroll-snap-stop
      26. scroll-snap-type
      27. scroll-timeline Экспериментальная возможность
      28. scroll-timeline-axis Экспериментальная возможность
      29. scroll-timeline-name Экспериментальная возможность
    104. scrollbar-*
      1. scrollbar-color
      2. scrollbar-gutter
      3. scrollbar-width
    105. shape-*
      1. shape-image-threshold
      2. shape-margin
      3. shape-outside
      4. shape-rendering
    106. stop-color
    107. stop-opacity
    108. stroke-*
      1. stroke
      2. stroke-dasharray
      3. stroke-dashoffset
      4. stroke-linecap
      5. stroke-linejoin
      6. stroke-miterlimit
      7. stroke-opacity
      8. stroke-width
    109. tab-size
    110. table-layout
    111. text-*
      1. text-align
      2. text-align-last
      3. text-anchor
      4. text-combine-upright
      5. text-decoration
      6. text-decoration-color
      7. text-decoration-line
      8. text-decoration-skip Экспериментальная возможность
      9. text-decoration-skip-ink
      10. text-decoration-style
      11. text-decoration-thickness
      12. text-emphasis
      13. text-emphasis-color
      14. text-emphasis-position
      15. text-emphasis-style
      16. text-indent
      17. text-justify
      18. text-orientation
      19. text-overflow
      20. text-rendering
      21. text-shadow
      22. text-size-adjust Экспериментальная возможность
      23. text-spacing-trim Экспериментальная возможность
      24. text-transform
      25. text-underline-offset
      26. text-underline-position
      27. text-wrap
      28. text-wrap-mode
      29. text-wrap-style
    112. timeline-scope Экспериментальная возможность
    113. top
    114. touch-action
    115. transform-*
      1. transform
      2. transform-box
      3. transform-origin
      4. transform-style
    116. transition-*
      1. transition
      2. transition-behavior
      3. transition-delay
      4. transition-duration
      5. transition-property
      6. transition-timing-function
    117. translate
    118. unicode-bidi
    119. user-modify Не стандартно Устарело
    120. user-select
    121. vector-effect
    122. vertical-align
    123. view-*
      1. view-timeline Экспериментальная возможность
      2. view-timeline-axis Экспериментальная возможность
      3. view-timeline-inset Экспериментальная возможность
      4. view-timeline-name Экспериментальная возможность
      5. view-transition-name
    124. visibility
    125. white-space
    126. white-space-collapse
    127. widows
    128. width
    129. will-change
    130. word-break
    131. word-spacing
    132. writing-mode
    133. x
    134. y
    135. z-index
    136. zoom
  11. Selectors
    1. & nesting selector
    2. Селекторы атрибутов
    3. Селекторы по классу
    4. Селекторы по ID
    5. Селектор по типу
    6. Универсальные селекторы
  12. Combinators
    1. Селектор дочерних элементов
    2. Комбинатор столбцов Экспериментальная возможность
    3. Селектор потомков
    4. Namespace separator
    5. Смежные селекторы
    6. Список селекторов
    7. Селектор следующего элемента
  13. Pseudo-classes
    1. :-moz-broken Не стандартно Устарело
    2. :-moz-drag-over Не стандартно
    3. :-moz-first-node Экспериментальная возможность Не стандартно
    4. :-moz-handler-blocked Не стандартно
    5. :-moz-handler-crashed Не стандартно
    6. :-moz-handler-disabled Не стандартно
    7. :-moz-last-node Экспериментальная возможность Не стандартно
    8. :-moz-loading Не стандартно
    9. :-moz-locale-dir(ltr) Не стандартно
    10. :-moz-locale-dir(rtl) Не стандартно
    11. :blank Не стандартно
    12. :-moz-submit-invalid Не стандартно
    13. :-moz-suppressed Не стандартно
    14. :-moz-user-disabled Не стандартно
    15. :-moz-window-inactive Не стандартно
    16. :active
    17. :any-link
    18. :autofill
    19. :blank Экспериментальная возможность
    20. :buffering
    21. :checked
    22. :current
    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
    37. :has()
    38. :host
    39. :host-context()
    40. :host()
    41. :hover
    42. :in-range
    43. :indeterminate
    44. :invalid
    45. :is() (:matches(), :any())
    46. :lang()
    47. :last-child
    48. :last-of-type
    49. :left
    50. :link
    51. :local-link
    52. :modal
    53. :muted
    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
    64. :paused
    65. :picture-in-picture
    66. :placeholder-shown
    67. :playing
    68. :popover-open
    69. :read-only
    70. :read-write
    71. :required
    72. :right
    73. :root
    74. :scope
    75. :seeking
    76. :stalled
    77. :state()
    78. :target
    79. :target-within Экспериментальная возможность
    80. :user-invalid
    81. :user-valid
    82. :valid
    83. :visited
    84. :volume-locked
    85. :where()
  14. Pseudo-elements
    1. ::-moz-color-swatch Не стандартно
    2. ::-moz-focus-inner Экспериментальная возможность Не стандартно
    3. ::-moz-list-bullet Экспериментальная возможность Не стандартно
    4. ::-moz-list-number Экспериментальная возможность Не стандартно
    5. ::-moz-meter-bar Не стандартно
    6. ::-moz-progress-bar Экспериментальная возможность Не стандартно
    7. ::-moz-range-progress Не стандартно
    8. ::-moz-range-thumb Не стандартно
    9. ::-moz-range-track Не стандартно
    10. ::-webkit-inner-spin-button Не стандартно
    11. ::-webkit-meter-bar Не стандартно Устарело
    12. ::-webkit-meter-even-less-good-value Не стандартно
    13. ::-webkit-meter-inner-element Не стандартно
    14. ::-webkit-meter-optimum-value Не стандартно
    15. ::-webkit-meter-suboptimum-value Не стандартно
    16. ::-webkit-progress-bar Не стандартно
    17. ::-webkit-progress-inner-element Не стандартно
    18. ::-webkit-progress-value Не стандартно
    19. ::-webkit-scrollbar Не стандартно
    20. ::-webkit-search-cancel-button Не стандартно
    21. ::-webkit-search-results-button Не стандартно
    22. ::-webkit-slider-runnable-track Экспериментальная возможность
    23. ::-webkit-slider-thumb Экспериментальная возможность
    24. ::after (:after)
    25. ::backdrop
    26. ::before (:before)
    27. ::cue
    28. ::file-selector-button
    29. ::first-letter (:first-letter)
    30. ::first-line (:first-line)
    31. ::grammar-error
    32. ::highlight()
    33. ::marker
    34. ::part()
    35. ::placeholder
    36. ::selection
    37. ::slotted()
    38. ::spelling-error
    39. ::target-text
    40. ::view-transition
    41. ::view-transition-group
    42. ::view-transition-image-pair
    43. ::view-transition-new
    44. ::view-transition-old
  15. At-rules
    1. @charset
    2. @color-profile
    3. @container
    4. @counter-style
    5. @document Не стандартно Устарело
    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 Экспериментальная возможность
    16. @property
    17. @scope
    18. @starting-style
    19. @supports
    20. @view-transition Экспериментальная возможность
  16. Functions
    1. -moz-image-rect Не стандартно Устарело
    2. abs()
    3. acos()
    4. anchor-size() Экспериментальная возможность
    5. anchor() Экспериментальная возможность
    6. asin()
    7. atan()
    8. atan2()
    9. attr
    10. calc-size() Экспериментальная возможность
    11. Функция calc()
    12. clamp()
    13. cos()
    14. counter()
    15. counters()
    16. cross-fade()
    17. element() Экспериментальная возможность
    18. env()
    19. exp()
    20. fit-content()
    21. hypot()
    22. log()
    23. max()
    24. min()
    25. minmax()
    26. mod()
    27. pow()
    28. ray()
    29. rem()
    30. repeat()
    31. round()
    32. sign()
    33. sin()
    34. sqrt()
    35. symbols()
    36. tan()
    37. url()
    38. var()
  17. Types
    1. <absolute-size>
    2. <alpha-value>
    3. <angle-percentage>
    4. <angle>
    5. <basic-shape>
    6. <blend-mode>
    7. <box-edge>
    8. <calc-keyword>
    9. <calc-sum>
    10. <color-interpolation-method>
    11. <color>
    12. <custom-ident>
    13. <dashed-ident>
    14. <dimension>
    15. <display-box>
    16. <display-inside>
    17. <display-internal>
    18. <display-legacy>
    19. <display-listitem>
    20. <display-outside>
    21. <easing-function>
    22. <filter-function>
    23. <flex>
    24. <frequency-percentage>
    25. <frequency>
    26. <generic-family>
    27. <gradient>
    28. <hex-color>
    29. <hue-interpolation-method>
    30. <hue>
    31. <ident>
    32. <image>
    33. <integer>
    34. <length-percentage>
    35. <length>
    36. <line-style>
    37. <named-color>
    38. <number>
    39. <overflow>
    40. <percentage>
    41. <position-area>
    42. <position>
    43. <ratio>
    44. <relative-size>
    45. <resolution>
    46. <shape> Устарело
    47. <string>
    48. <system-color>
    49. <time-percentage>
    50. <time>
    51. <transform-function>
    52. <url>
  18. Guides
  19. Animations
    1. Использование CSS-анимации
  20. Backgrounds and Borders
    1. Множественные фоны
    2. Resizing background images
  21. Box alignment
    1. Box alignment in block layout
    2. Выравнивание блоков в разметке Flexbox
    3. Box alignment in grid layout
    4. Box alignment in multi-column layout
  22. Box model
    1. Блоковая модель (боксовая модель, box model)
    2. Схлопывание внешних отступов
  23. Colors
    1. Applying_color_to_HTML_elements
    2. Color values
    3. Using relative colors
    4. Using color wisely
    5. Accessibility_Understanding_colors_and_luminance"
    6. Accessibility: Color contrast
  24. Columns
    1. Basic concepts of multi-column layout
    2. Styling columns
    3. Spanning and balancing columns
    4. Handling overflow in multi-column layout
    5. Handling content breaks in multi-column layout
  25. Conditional rules
    1. Using feature queries
  26. Containment
    1. Using CSS containment
    2. CSS container queries
    3. Using container size and style queries
  27. CSSOM view
    1. Coordinate systems
  28. Flexbox
    1. Основные понятия Flexbox
    2. Relationship of flexbox to other layout methods
    3. Выравнивание элементов во Flex контейнере
    4. Ordering flex items
    5. Controlling ratios of flex items along the main axis
    6. Разбираемся с обёртыванием Flex элементов
    7. Typical use cases of flexbox
  29. Flow layout
    1. Block and inline layout in normal flow
    2. In flow and out of flow
    3. Введение в контексты форматирования
    4. Flow layout and writing modes
    5. Flow layout and overflow
  30. Fonts
    1. OpenType font features guide
    2. Variable fonts guide
  31. Grid
    1. Основные понятия Grid Layout
    2. Связь Grid-разметки с другими методами
    3. Расположение элементов по грид-линиям с помощью CSS Grid
    4. Шаблоны грид-областей
    5. Layout using named grid lines
    6. Auto-placement in grid layout
    7. Выравнивание блоков в CSS разметке Grid
    8. CSS grids, logical values and writing modes
    9. Grid layout and accessibility
    10. CSS grid layout and progressive enhancement
    11. Realizing common layouts using CSS Grid Layout
    12. Subgrid
    13. Masonry layout Экспериментальная возможность
  32. Images
    1. Использование CSS-градиентов
  33. Lists and counters
    1. CSS счётчики
    2. Consistent list indentation
  34. Logical properties
    1. Basic concepts of logical properties and values
    2. Logical properties for floating and positioning
    3. Logical properties for margins, borders, and padding
    4. Logical properties for sizing
  35. Math functions
    1. Using CSS math functions
  36. Media queries
    1. Использование медиавыражений
    2. Using media queries for accessibility
    3. Тестирование медиавыражений программно
    4. Printing
  37. Nesting style rules
    1. Using CSS nesting
    2. CSS nesting at-rules
    3. CSS nesting and specificity
  38. Positioning
    1. Понимание CSS z-index
  39. Scroll snap
    1. Базовые концепции CSS Scroll Snap
  40. Shapes
    1. Overview of shapes
    2. Shapes from box values
    3. Basic shapes with shape-outside
    4. Shapes from images
  41. Text
    1. Wrapping and breaking text
  42. Transforms
    1. Using CSS transforms
  43. Transitions
    1. Использование CSS переходов
  44. CSS Layout cookbook
    1. Recipe: Media objects
    2. Column layouts
    3. Center an element
    4. Sticky footers
    5. Раздельная навигация
    6. Breadcrumb Navigation
    7. List group with badges
    8. Pagination
    9. Card
    10. Grid wrapper
  46. Tools
    1. Инструмент выбора цвета
    2. Генератор теней (box-shadow)
    3. Генератор рамок (border-image)
    4. Генератор скруглений границ (border-radius)

В этой статье

  • Справка
  • Спецификации

Кастомные CSS свойства

Кастомные CSS свойства – модуль CSS, который позволяет создавать переиспользуемые переменные (кастомные свойства).

Справка

Свойства

  • --*

Спецификации

Specification
CSS Custom Properties for Cascading Variables Module Level 1

Help improve MDN

Learn how to contribute.

This page was last modified on 3 авг. 2023 г. by MDN contributors.

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

Your blueprint for a better internet.

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