Comparison of browser engines (CSS support)

редактировать

This article compares Cascading Style Sheets (CSS) support for several browser engines.

Contents
  • 1 Explanation of the tables
    • 1.1 Values
  • 2 Other notes
    • 2.1 Vendor-specific
    • 2.2 Abbreviations
  • 3 Grammar and rules
  • 4 Selectors
  • 5 Properties
  • 6 Descriptors
  • 7 Values and units
  • 8 See also
  • 9 References
Explanation of the tables
EngineStatusEmbedded in
WebKit ActiveSafari browser, plus all browsers hosted on the iOS App Store.
Blink ActiveGoogle Chrome and other web browsers based on Chromium, such as Microsoft Edge, Opera, and Brave.
EdgeHTML ActiveUniversal Windows Platform apps; formerly in the Edge browser.
Gecko ActiveFirefox browser and Thunderbird email client, plus forks like SeaMonkey and Waterfox.
KHTML DiscontinuedKonqueror browser
Presto DiscontinuedFormerly used as Opera 's browser engine, prior to the migration to Chromium and Blink.
Trident DiscontinuedInternet Explorer and versions of Microsoft Outlook prior to Outlook 2007.

Values

These indicate the level of support for the given item in each engine. By default, the most recent version of the engine is implied. However, a specific version number can be listed; when this indicates full support, it's the initial version of the engine fully supporting the item.

Legend
ValueMeaning
YesFully supported
NoHas never been supported
PartialOnly some values are supported
IncorrectNot implemented correctly in all cases
ExperimentalMay be incomplete or buggy
Nightly build Currently in development; full support is expected
DependsOnly supported for the specified conditions
DroppedNo longer supported
Other notes

Vendor-specific

The DOM properties corresponding to vendor-specific experimental CSS properties are prefixed with the vendor-prefix, without any hyphens, and with first letters capitalised, e.g. element.style.MozBorderRadiuscorresponding to the -moz-border-radiusproperty, or element.style.OTransformcorresponding to the -o-transformproperty. The exception is Trident, which used a lower-case prefix, e.g. element.style.msTransform.

  • Gecko: -moz-— All experimental selectors, properties and values are prefixed with "-moz-", e.g. ::-moz-selectioninstead of ::selection.
  • Webkit: -webkit-— All experimental selectors, properties and values are prefixed with "-webkit-", e.g. -webkit-box-shadowinstead of box-shadow.
  • Trident: -ms-— All experimental properties are prefixed with "-ms-", e.g. -ms-interpolation-modeinstead of interpolation-mode.
  • KHTML: -khtml-— All experimental selectors, properties and values are prefixed with "-khtml-", e.g. -khtml-opacityinstead of opacity.
  • Presto: -o-— All experimental properties are prefixed with "-o-", e.g. -o-transition-propertyinstead of transition-property.

Abbreviations

  • CSS1: Cascading Style Sheets (CSS1) Level 1 Specification
  • CSS2: Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
  • CSS3: CSS Module Level 3
  • CSS4: CSS Module Level 4
Grammar and rules
Trident EdgeHTML Gecko WebKit KHTML Presto
CSS2!importantWeight increasing7.0121.085Yes1.0
/*Comment*/Comments3.0121.085Yes1.0
@importImport stylesheet8.0121.0YesYes1.0
@charsetCharacter set5.5121.0Yes4.2.31.0
@mediaMedia-specific rules5.5121.0YesYes1.0
css-. namespace-3 @namespaceNamespace declaration9.0121.0YesYes1.0
earlier draft of css3-. conditional @documentRestriction by URLsNoNo6.0NoNoNo
css-. animations-1 @keyframesAnimation key10.01216.0ExperimentalNo2.12
css3-. conditional @supportsConditional RulesNo1222.028.0No2.12
css-counter-. styles-3 @counter-styleCustom Counter StylesNoNo33.0NoNoNo
css-device-. adapt-1 @viewportViewport, Device Adaptation10.012.0NoNoNo2.7.62
filter-. effects-1 @filterFilterNoNo35.0ExperimentalNoNo
Page
CSS2@pageFor paged media8.01219.0Nightly BuildNo1.0
css-page-3 @top-left-cornerMargin boxesNoNoNoNoNoNo
@top-left
@top-center
@top-right
@top-right-corner
@bottom-left-corner
@bottom-left
@bottom-center
@bottom-right
@bottom-right-corner
@left-top
@left-middle
@left-bottom
@right-top
@right-middle
@right-bottom
Font
css-fonts-3 @font-faceDefine font9.0121.9.15254.32.2
@font-feature-valuesDefine font featuresNoNo34.0NoNoNo
@annotationFont feature value block
@stylesetNoNoNoNoNo
@swashNoNoNoNoNo
@ornamentsNoNoNoNoNo
@stylisticNoNoNoNoNo
@character-variantNoNoNoNoNo
Trident EdgeHTML Gecko WebKit KHTML Presto
Trident notes
  1. !important— Prior to 7.0, !importantdoesn't override rules defined later in the same declaration block.
  2. @import— Prior to 8.0, media type support is broken. For @import , IE requests as the URL "" and will include the url()token and/or quotes in the URL, too, if present. Cannot import more than 35 stylesheets.
Presto notes
  1. @import— Whilst Gecko, WebKit and iCab download all media stylesheets immediately, Opera only downloads handheld, print, projection and screen media, as well as speech if "voice" feature is enabled and TV, on TV devices. Text browser emulation mode is only a user stylesheet, so it does not switch to tty media type. This is consistent with older text browsers, which do not respect any CSS.
Selectors
Trident EdgeHTML Gecko WebKit KHTML Presto
Element selectors
CSS2*Universal7.0121.085Yes1.0
EElement4.0121.085Yes
E.classClass7.0121.085Yes
E#idID4.0121.085Yes
selectors-3 ns|ENamespaced9.0121.0YesYes
Relationship selectors
CSS2E FDescendant4.0121.085Yes1.0
E>FChild7.0121.085Yes
E + FDirect adjacent7.0121.085Yes
selectors-3 E ~ FIndirect adjacent7.0121.74123.3.22.0
selectors-4 E /for/ FReference combinatorsNoNoNoNoNoNo
E!>FSubjectNoNoNoNoNoNo
F || EColumn relationNoNoNoNoNoNo
Attribute selectors
CSS2E[attr]Has7.0121.085Yes1.0
E[attr="value"]Equals7.0121.0YesYes
E[attr~="value"]Contains (space-separated)7.0121.0YesYes
E[attr|="value"]Contains (hyphen-separated)7.0121.0YesYes
selectors-3 E[attr^="value"]Begins with7.0121.0Yes3.41.0
E[attr$="value"]Ends with7.0121.0Yes3.42.0
E[attr*="value"]Contains substring7.0121.0Yes3.4
E[ns|attr]Namespaced7.0121.0Yes3.4
selectors-4 E[foo="bar" i]Case-sensitivityNoNoNoNoNoNo
Pseudo-classes
CSS2E:linkUnvisited hyperlink3.0121.085Yes1.0
E:visitedVisited hyperlink3.0121.085Yes
E:activeActive8.01.01285Yes
E:hoverMouseover7.0121.0419.3Yes
E:focusFocused8.0121.0YesYes
E:first-childFirst child7.0121.085Yes
E:lang()Language8.0121.25253.4
@page:firstFirst page8.012NoYesNo
@page:leftLeft page
@page:rightRight page
selectors-3 E:rootRoot9.0121.0853.42.1
E:not()Negation
E:emptyEmpty1.8412
E:first-of-typeFirst child of type1.9.1525
E:last-childLast child1.0
E:last-of-typeLast child of type1.9.1
E:only-childOnly child1.8
E:only-of-typeOnly child of type1.9.1
E:nth-childN child1.9.1
E:nth-last-childN last child1.9.1
E:nth-of-typeN child of type1.9.1
E:nth-last-of-typeN last child of type1.9.1
E:targetTarget1.32.5
E:enabledEnabled state1.82.0
E:disabledDisabled state1.8
E:checkedChecked state1.0
selectors-4 E:indeterminateIndeterminate state1.9.2522NoNo
E:defaultDefaultNoNo1.9Yes4.32.0
E:validValid10.0121.8YesNo
E:invalidInvalid10.012
E:in-rangeIn rangeNo13Yes
E:out-of-rangeOut of rangeNo13
E:requiredRequired10.0122.0Yes
E:optionalOptional10.012
E:read-onlyRead-onlyNo13ExperimentalNoIncorrectIncorrect
E:read-writeRead and writeNo13
E:not(s1, s2)NegationsNoNoNoNoNoNo
E:matches(s1, s2)Matches-anyNo
E:has(s1)Relational pseudo-classNo
E:dir(ltr)Directionality17
E:lang(zh, *-hant)LanguagesNo
E:any-linkHyperlink50.0
E:local-linkLocal linkNo
E:local-link(0)Local link
E:scopeContextual reference20
E:currentTime-dimensional : currentNo
E:current(s)Time-dimensional : current
E:pastTime-dimensional : past
E:futureTime-dimensional : future
E:nth-match(n of selector)N child of
E:nth-last-match(n of selector)N last child of
E:column(selector)Column
E:nth-column(n)N column
E:nth-last-column(n)N last column
E:placeholder-shownplaceholder text
E:active-dropwill receive the item
E:valid-dropcould receive the item
E:invalid-dropcannot receive the item
Pseudo-elements
CSS2E:first-letterFirst letter9.0121.085Yes1.0
E:first-lineFirst linePartial
E:beforeBefore8.01.9.1Partial
E:afterAfter
selectors-3 E::beforeDouble colon notation9.0121.9.1Partial3.41.0
E::afterDouble colon notation
E::first-letterDouble colon notation1.585
E::first-lineDouble colon notationPartial
css-pseudo-4 E::markerlist markerNoNoNoNoNoNo
E::selectionSelection9.012Experimental4123.42.1
CSS UI pseudo elements E::valueuser interface element fragmentsNoNoNoNoNoNo
E::choices
E::repeat-item
E::repeat-index
Trident EdgeHTML Gecko WebKit KHTML Presto
General notes
  1. :read-onlyand :read-write— Both Presto and KHTML handle the case of the contenteditableattribute incorrectly.
Trident notes
  1. :active— Prior to 8.0, :activeis only supported on anchor elements.
  2. :hover— Prior to 7.0, :hoveris only supported on anchor elements.
  3. .one.two— Prior to 7.0, only .twoclass selector was taken into consideration.
  4. *— Prior to 7.0 this was treated as a single or no element.
  5. [attr]— Matches every tdand thin a table when the attribute is colspan(regardless of whether any actually have a colspanattribute). This may not actually be a bug, as ambiguity exists in the specification.
  6. :first-letter, :first-line— Prior to IE9 in 6.0, combining :first-letterrules with others may be problematic. In 8.0, rules with !importantare ignored inside :first-lineand :first-letterdeclarations.
Gecko notes
  1. (:):before, (:):after— CSS2.0 behavior : some properties are unimplemented prior to 1.9.1.
WebKit notes
  1. :lang()— Only detected when explicitly present on element being tested, attribute not inherited.
  2. (:):first-linetext-transformdoesn't apply with this pseudo-element.
  3. (:):before/after— some styles can't be applied to :beforeand :afterpseudo-elements, such as animations and transitions.
Presto notes
  1. :target— Prior to 2.5, styles aren't applied when navigating using back and forward buttons.
Properties
Trident EdgeHTML Gecko WebKit KHTML Presto
Cascading and Inheritance
css-. cascade-3 allNoNo27.0NoNoNo
Display
CSS2display8.0121.985Yes1.0
Earlier. draft of. css-. display-3 display-insideNoNoNoNoNoNo
display-outside
display-list
css-. display-3 box-suppress
Box Model
CSS2margin9.0121.085Yes1.0
padding4.01.085Yes
width4.01.085Yes
height4.01.085Yes
float5.01.085Yes
clear5.01.085Yes
min-width7.01.0PartialYes
max-width7.01.0PartialYes
min-height7.01.7Partial3.3.2
max-height7.01.7Partial3.3.2
visibility9.01.8PartialPartial2.5
Overflow
CSS2overflow9.0121.0853.21.0
css-. overflow-. 3 overflow-x9.0121.85253.5.62.1
overflow-y
max-linesNoNoNoNoNoNo
Borders
CSS2border4.0121.085Yes1.0
border-color7.0
border-style8.0
border-width4.0
border-top5.5
border-right
border-bottom
border-left
css-. backgrounds-3 border-radius9.0122.0533Experimental2.5
border-image11.015.0ExperimentalNo2.5
border-image-source15.0NoNo
border-image-slice
border-image-width
border-image-outset
border-image-repeat
box-shadow9.02.0YesNo2.5
box-decoration-breakNoNo32.0NoNo2.7
Trident EdgeHTML Gecko WebKit KHTML Presto
Line Layout
CSS2line-height4.0121.085Yes1.0
vertical-align8.01.085Yes
Positioning
CSS2position7.0121.085Yes1.0
top8.01.085Yes
right8.01.085Yes
bottom8.01.085Yes
left8.01.085Yes
z-index8.01.985Yes
Box Alignment Module
css-align-3
align-content11.01228.0ExperimentalNoNo
align-items20.0
align-self
justify-content
justify-itemsNoNoNo
justify-self
Generated and Replaced Content
CSS2quotes8.012Yes4123.41.0
content9.01.9PartialYes2.7
counter-increment8.01.85253.41.0
counter-reset8.01.85253.4
Lists
CSS2list-style4.0121.085Yes1.0
list-style-image4.01.085Yes
list-style-position4.01.085Yes
list-style-type8.01.0853.4
Colors
CSS2color3.0121.085Yes1.0
css-color-3 opacity9.0121.71254.02.0
Trident EdgeHTML Gecko WebKit KHTML Presto
Backgrounds
CSS2background4.0121.085Yes1.0
background-attachment7.0
background-color4.0
background-image8.0
background-position8.0
background-repeat4.0
css-. backgrounds-3 background (multiple)9.0121.9.23123.52.5
background-clip2.0YesExperimental
background-origin
background-sizeYes
Early ideas. for css-. backgrounds-4 background-position-x8.012NoExperimentalNoNo
background-position-y
Fonts
CSS2font4.0121.085YesIncorrect
font-family4.01.085Yes1.0
font-size3.01.085Yes
font-style4.01.085Yes
font-variant4.01.0125Yes
font-weight8.0PartialPartialYesIncorrect
css-fonts-3 font-size-adjust10.0121.9NoNoNo
font-stretch9.09.0NoNoNo
font-feature-settings10.034.0NoNoNo
font-kerningNoNoNoNoNo
font-language-overrideNoNoNoNo
font-synthesisNoNoNoNo
font-variant-alternatesNoNoNoNo
font-variant-caps
font-variant-east-asian
font-variant-ligatures
font-variant-numeric
font-variant-position
unicode-range9.01238.0NoNoNo
Text
CSS2text-align4.0121.085Yes1.0
text-decorationYes1.085Yes
text-indent3.01.085Yes
text-transform4.01.085Yes
letter-spacing4.01.085Yes
word-spacing8.01.085Yes
white-space8.01.9.1522Yes2.1
css-text-3 word-breakPartialPartial15.0NoNoNo
line-break11.012NoNoNoNo
hyphens10.0126.0ExperimentalNoNo
word-wrap5.0121.9.1854.32.5
overflow-wrapNoNoNoNoNoNo
text-align-lastPartialPartial12.0NoNoNo
text-justify5.512NoNoNoNo
text-emphasisNoNoNoNoNoNo
hanging-punctuationNoNoNoNoNoNo
Early ideas. for css-. text-4 hyphenate-characterNoNoNoNoNoNo
hyphenate-limit-zone10.012
hyphenate-limit-chars10.012
hyphenate-limit-lines10.012
hyphenate-limit-lastNoNo
text-space-collapse
text-spacing
text-wrap
Text Decoration
css-text-. decor-3 text-shadow10.0121.9.1Yes3.42.1
text-decoration-styleNoNo36.0NoNoNo
text-decoration-colorNoNoNoNo
text-decoration-lineNoNoNoNo
text-decoration-skipNoNoNoNoNo
text-underline-position11.012NoNoNoNo
text-emphasis-styleNoNoNoNoNoNo
text-emphasis-color
text-emphasis
text-emphasis-position
Trident EdgeHTML Gecko WebKit KHTML Presto
Writing Modes
CSS2direction5.0121.085Yes1.0
unicode-bidi5.01.0525Yes
css-. writing-. modes-3 writing-mode7.012NoNightly BuildNoNo
text-combine-horizontal11.012.0NoNoNoNo
text-orientationNoNoNoNoNoNo
Tables
CSS2border-collapse8.0121.0125Yes1.0
border-spacing8.01.0125Yes
caption-side8.01.485Yes
empty-cells8.01.0125Yes
table-layout5.01.085Yes
User interface
CSS2cursor5.5121.8125YesPartial
outline8.01.8125Yes1.0
outline-color8.01.8125Yes
outline-style8.01.8125Yes
outline-width8.01.8125Yes
css-ui-3 outline-offsetNoNo1.81253.52.1
box-sizing8.01229.0Yes3.3.21.0
resizeNoNo2.0525NoNo
appearanceNo12ExperimentalExperimentalNoNo
iconNoNoNoNoNoNo
nav-indexNoNoNoNo2.1
nav-upNoNoNoNo
nav-rightNoNoNoNo
nav-downNoNoNoNo
nav-leftNoNoNoNo
text-overflowPartialPartial7.0Partial3.5.6Experimental (Nightly)
Paged media
CSS2
page-break-before4.012PartialPartial3.51.0
page-break-after
page-break-inside8.019.0312
orphansNo
widows
css-page-3 pageNoNoNoNoNoNo
sizeNoNoNoNo1.0
image-orientationNo26.0NoNoNo
object-fitNo36.0NoNo2.7
object-positionNoNoNo
Speech
css-speech-1 cueNoNoNoNoNo1.0
cue-after
cue-before
pause
pause-after
pause-before
speakNightly build
voice-familyNo
voice-balanceExperimental
voice-duration
voice-pitch
voice-pitch-range
voice-rate
voice-stress
voice-volume
interpret-as
phonemes
restNo
rest-after
rest-before
mark
mark-after
mark-before
Trident EdgeHTML Gecko WebKit KHTML Presto
Media Queries
css3-. mediaqueries width9.0121.9.15254.12.0
height
device-width
device-height
device-aspect-ratio
color2.5
color-index
monochrome
resolutionNo
orientation4.2.1No
aspect-ratio2.1
grid11.0Yes4.12.5
scan
Ruby characters
css-ruby-1 ruby-positionNoNo38.0NoNoNo
ruby-align
ruby-mergeNo
Multi-column Layout
css-. multicol-1 column-count10.012ExperimentalExperimentalNo2.8
column-width
column-gap
column-rule
columns9.0
break-beforeNoExperimental
break-after
break-insideNo
column-fill14.0No
column-spanNoExperimental
Grid layout
css-. grid-1 gridNoNoExperimentalExperimentalNoNo
grid-template
grid-template-columns
grid-template-rows
grid-template-areas
grid-auto-columns
grid-auto-rows
grid-auto-flow
grid-auto-position
grid-columns10.012
grid-columns-startNoNo
grid-columns-end
grid-row10.012
grid-row-startNoNo
grid-row-end
grid-area
Animation
css-. animations-1
animation10.01216.0ExperimentalNo2.12
animation-delay
animation-direction
animation-duration
animation-iteration-count
animation-name
animation-play-state
animation-timing-function
animation-fill-mode
Transforms
css-. transforms-. 1
transform10.01216.0ExperimentalNo2.12
transform-origin
transform-styleNo
perspective
perspective-origin
backface-visibility
Transitions
css-. transitions-1
transition-property10.01216.0ExperimentalNoExperimental
transition-duration
transition-timing-function
transition-delay
transition
Flexible Box Layout
css-. flexbox-1
flex11.01222.09.0No2.12
flex-basisNo
flex-direction2.12
flex-flow28.0No
flex-grow22.02.12
flex-shrinkNo
flex-wrap28.0No
order22.02.12
Trident EdgeHTML Gecko WebKit KHTML Presto
Regions
css-. regions-1
flow-into10.012NoNightly build NoNo
flow-from
region-fragmentNoNo
break-beforeNoNo
break-after
break-inside
Exclusions
css3-. exclusions
wrap-flow10.012NoNightly build NoNo
wrap-through
Shapes
css-. shapes-1
shape-marginNoNoNoNightly build NoNo
shape-outsideNo
shape-image-threshold
Masking
CSS2clip8.0121.085Yes1.0
css-. masking-1
clip-pathNoNo1.9.1NoNoNo
clip-ruleNo
maskNoNoPartialPartialPartialPartial
mask-box-imageNoNoNoExperimentalNoNo
mask-box-image-outsetNo
mask-box-image-repeat
mask-box-image-slice
mask-box-image-source
mask-box-image-width
mask-clipNoNoNoExperimentalNoNo
mask-image
mask-origin
mask-position
mask-repeat
mask-size
mask-type20.0No
Compositing and Blending
compositing-. 1
mix-blend-modeNoNo32.0NoNoNo
isolation36.0
background-blend-mode30.0
Filter Effects
filter-. effects-1
filterNo1335.018.0NoNo
flood-colorNoNoNo
flood-opacity
color-interpolation-filters
lighting-color
Pointer events
SVG1.1 and. earlier. draft of. css3-uipointer-events11.012.01.9.2530No2.0
pointer-. events touch-action11.012.029.0NoNoNo
Line Grid
css-line-. grid-1
box-snapNoNoNoNoNoNo
line-grid
line-slack
line-snap
Trident EdgeHTML Gecko WebKit KHTML Presto
Logical Properties
Early ideas. for css-. logical-1
block-sizeNoNo41.0NoNoNo
inline-size
min-block-size
min-inline-size
max-block-size
max-inline-size
margin-block-start
margin-block-end
margin-inline-start
margin-inline-end
offset-block-start
offset-block-end
offset-inline-start
offset-inline-end
padding-block-start
padding-block-end
padding-inline-start
padding-inline-end
border-block-start-width
border-block-end-width
border-inline-start-width
border-inline-end-width
border-block-start-style
border-block-end-style
border-inline-start-style
border-inline-end-style
border-block-start-color
border-block-end-color
border-inline-start-color
border-inline-end-color
border-block-start
border-block-end
border-inline-start
border-inline-end
background-image-transformNo
border-image-transform
Will Change
css-will-. change-1 will-changeNoNo36.0NoNoNo
CSSOMView
cssom-. view scroll-behavior(optional)NoNo36.0NoNoNo
Scroll Snap Points
Early ideas. for css-. snappoint s прокрутка-щелчок10.01239.0НетНетНет
scroll-snap-points-x
scroll-snap-points-y
scroll-snap-destination
scroll-snap-координата
Trident EdgeHTML Gecko WebKit KHTML Presto
Trident notes
  1. margin- inheritнаследует вычисление и пересчитывает его вместо наследования вычисленного значения.
  2. display- Prior до 7.0, только none, block, inline, table-header-groupи table-footer-groupполностью поддерживаются. До версии 8.0 таблицане поддерживается, в то время как встроенный блокподдерживается только для элементов, которые естественно встроены.
  3. overflow- До 7.0, overflow: visible;поддерживается некорректно. В версии 8.0 scrollделает высоту элемента равной его max-height, даже если содержимое не такое высокое. Это было исправлено в IE9.
  4. видимость- до версии 8.0 видимость: свернуть;не поддерживается. В 8.0 встроенные элементы с visibility: visible;внутри блочных элементов с visibility: hidden;не видны.
  5. content- В 8.0 вычислено attr ()значения не обновляются при изменении атрибута.
  6. border-color- До 7.0, transparentне поддерживается.
  7. border-style- Предыдущий до 8.0, скрытыйне поддерживается.
  8. border-style- до 7.0 пунктирныйотображается как пунктир.
  9. box-shadow- Trident 9.0 отображает значение размытия прямоугольной тени примерно на половину заявленного значения. До 9.0, trident поддерживает аналогичные функции, начиная с 5.5, с использованием проприетарных фильтров Shadow и DropShadow.
  10. position- До 7.0 фиксированное позиционирование не поддерживалось. 7.0 и более поздние версии поддерживают его только в режиме совместимости со стандартами.
  11. z-index- до версии 8.0 z-indexподдерживается только частично. В версии 8.0 значения с плавающей запятой принимаются в дополнение к целым числам.
  12. list-style-type- до версии 8.0, армянский, десятичный-ведущий-ноль, грузинский, нижнегреческий, нижний латинский, верхний латинскийне поддерживаются.
  13. непрозрачность- до 9.0, Trident поддерживал проприетарную альтернативу.
  14. background-image- До версии 8.0 в некоторых случаях фоновые изображения плохо позиционируются.
  15. background-attachment- До 7.0, исправленобыло разрешено только для элемента body.
  16. background-position- до версии 8.0 фиксированное позиционирование не поддерживается.
  17. font-weight- до 8.0, некорректный рендеринг при значении 600.
  18. text-align- в версии 8.0 text-alignне наследуется : дои : послепсевдоэлементы.
  19. white-space- до 6.0, preне поддерживается. До версии 8.0 пробелподдерживался лишь частично; pre-lineи pre-wrapне поддерживаются.
  20. cursor- не дает сбой на расширениях поставщика без префикса.
  21. flex- экспериментально в 10.0
  22. обрыв после; обрыв перед; break-inside- Хотя 10.0 действительно поддерживает break-after, break-before и break-inside для столбцов, похоже, они не поддерживают свойства «region» и «escape-region».
Примечания Gecko
  1. display- значения, кроме inline-block и inline-table, поддерживаются до 1.9.
  2. z-index- отрицательные значения плохо поддерживаются до 1.9.
  3. content- нет Значениене поддерживается до 1.9. Это свойство также не работает для любых обычных (не псевдо) элементов, которые оно должно поддерживать в соответствии со спецификацией CSS3 «Модуль генерируемого и замененного содержимого».
  4. background-position- Версии до 1.7 реализуют синтаксис CSS2, а не предлагаемый расширенный синтаксис CSS2.1.
  5. font-size-adjust- До 1.9, поддерживался только в Windows.
  6. font-weight- Используются только обычные и жирные шрифты, даже если установлены светлые или толстые / черные грани, кроме случаев использования DirectWrite в Gecko 2.0 в Windows 7 или Windows Vista.
  7. пробел- предварительная строкане поддерживается в версиях, предшествующих 1.9.1. До версии 1.9, предварительная упаковкаподдерживалась только экспериментально, поскольку -moz-pre-wrap.
  8. visibility- collapseне поддерживается до версии 1.8.
  9. border-radius- До 1.9.1 граничные кривые были круглыми, а не эллиптическими, как указано в текущем проекте CSS3. Краткие определения для border-radiusчитают «tl tr br bl» вместо «tr br bl tl» W3C. Если стиль границы пунктирный или пунктирный, вместо этого кривые отображаются сплошными.
  10. page-break-before; page-break-after- поддерживаются только значения alwaysи auto.
WebKit notes
  1. max-width; максимальная высота; минимальная ширина; min-height- не поддерживаются в таблицах. (согласно комментариям от 18.12.2012, это исправлено)
  2. font- ключевые слова системного шрифта, которые позволяют дизайнерам адаптировать представление к операционной системе пользователя. среда не поддерживается.
  3. font-weight- используются только обычные и жирные шрифты, даже если установлены светлые или толстые / черные начертания.
  4. page-break-before; page-break-after- поддерживаются только значения alwaysи auto.
  5. white-space- до 522, pre-lineи pre-wrapне поддерживаются.
  6. visibility- collapseне поддерживается до 522. Его реализация имеет тот же эффект, что и hiddenи поэтому не соответствует требованиям.
  7. content- none, open-quote, close-quote, no-open -quote, no-close-quoteи нормальные значенияне поддерживаются. Это свойство также не работает с любыми нормальными (не псевдо) элементами, которые оно должно поддерживать в соответствии со спецификацией CSS3 «Модуль генерируемого и замененного контента».
  8. font-size- font-sizeсвойство не всегда принимает значение 0, в «font-size: 0px» текст все еще виден.
KHTML notes
  1. overflow- Значения scrollи autoне поддерживаются.
  2. page-break-before; page-break-after- до 3.5 поддерживались только значения alwaysи auto.
  3. visibility- поддерживаются все свойства, но реализация collapseимеет тот же эффект, что и hidden, и поэтому не соответствует требованиям.
Presto notes
  1. counter-increment, counter-reset- алгоритм реализован в REC CSS2.
  2. background-position- В версиях Presto до Opera 8.0 реализован синтаксис CSS2, а не предлагаемый расширенный синтаксис CSS2.1.
  3. font-weight- Некорректный рендеринг при значении 600. Отображает текст в режиме совместимости для веб-сайтов, созданных для Trident.
  4. visibility- до версии 2.5 значение collapseне поддерживалось в столбцах таблицы. В строках он имел тот же эффект, что и hidden, и поэтому не соответствовал требованиям.
  5. cursor- cursorигнорируется динамическими псевдоклассами, а пользовательские курсоры не поддерживаются.
  6. content- до 2.7 значение noneне поддерживалось.
  7. font- inheritнельзя разрешать вместе со значением font-size.. Это не следует анализировать, но в настоящее время это делается в Opera.
Дескрипторы
Trident EdgeHTML Gecko WebKit KHTML Presto
@ counter-style
css-. counter-. стили-. 3 аддитивные символыНетНетNoНетНетНет
резервный
отрицательный
блокнот
префикс
диапазон
Speak-as
суффикс
символы
system
@ font-face
css-. fonts-. 3 font-familyДа12ДаДаДаДа
font-feature-settings
font-stretchНетНетНет
font-styleДаДаДа
вариант шрифта
начертание шрифтаЧастичноеЧастичноеНеправильно
srcДаДаДа
unicode-range36.0НетНетНет
@viewport
css-. устройство-. Adapt-1 высота10.012НетНетНет2.7
максимальная высотаНетНетНет
мин. Высота
ширина10,0122,7
макс. ШиринаНетНетНет
min-width
zoom2.7
max-zoom
min-zoom
user-zoom
ориентацияНет

.

Значения и единицы измерения
Trident EdgeHTML Gecko WebKit KHTML Presto
Числа
CSS2A плавающие- номер точки 3,0121,085Да1,0
, за которым следуют единицы
, за которым следует %
Целое число
css-values-3 угловая единица9.012ДаЧастичноЧастичноЧастичная
единица времени2.0ДаДа2,5
единица частотыНетНетНетНет
Оставшееся местоНетНет
Строки
CSS2Строка3.0121.085Да1.0
\ codeЭкранирование Unicode6.0
Функции
CSS2rect ()A прямоугольник 8.0121.085Да1.0
url ()Универсальный идентификатор ресурса 3.0121.085Да1.0
счетчик ()8.0
attr ()Идентификатор атрибута
css-values-3 calc()9.01216.0ДаНетНет
toggle ()Переключение между значениямиНетНетNoНетНетНет
css-. grid-1 ?repeat ()Повторить n разНетНет32.0НетНетНет
Цвета
CSS2Ключевые слова цвета HTML416 стандартных веб-цветов 3,0121,085Да1,0
#rrggbb или #rgbШестнадцатеричная нотация
rgb (r, g, b)RGB нотация4.0
системные цвета28 предопределенных системные цвета3.0
css-color-3 ключевые слова цвета SVG ds8.012ДаДаДаДа
currentColorЗначение свойство color.9.01.8528Да2.1
rgba (r, g, b, a)Обозначение RGBA 1,95254,02,2
hsl (h, s, l)HSL обозначение1.53.5.52.1
hsla (h, s, l, a)обозначение1,93.5.52.2
прозрачныйПолная прозрачность 9.01.94.0Частичная
Значения изображений
CSS2Типы изображений3,0121,085Да1.0
css-. images-3 НетНетНетНетНетНет
НетНетНет
10,01216,0ДаЭкспериментально
linear-gradient ()Цветовые градиенты
radial-gradient ()
Repeating-linear-gradient ()
Repeating-radial-gradient ()
css-. изображения -4 conic-gradient ()НетНетНетНетНетНет
repeat-conic-gradient ()
element ()Воспроизвести элементНетНетЭкспериментальныйНетНетНет
плавное затухание ()Переход между изображениямиНетНетNoНетНетНет
image-set ()Согласование разрешенияНетНетНетНетНетНет
Стили счетчика
css-. counter-. стили-3 символы ()Стили анонимного счетчикаНетНетНетНетНетНет
Ключевые слова
CSS2autoРассчитывается автоматически6.0121.085Да1.0
наследоватьУнаследовано от родительского8.0
css-values-3 начальныйНет1319.0125НетНет
Единицы
CSS2pxПиксель 3,0121,085Да1,0
ptточка
pcпика
cmсантиметр
mmМиллиметр
inдюйм
emem
exex
%Процент
css-values-3 градСтепень 9.0121.9.1ДаДа2,5
градГрад
радРадиан
поворотповорот 13,0НетНетНет
msМиллисекунды 2,0ДаДа2,5
sСекунды
HzГерцы НетНетНетНет
кГцКилогерцы
dpiТочек на дюйм 121.9.1Нет4.12,5
dpcmточек на сантиметр
dppxточек на пиксель-блок16.0Нет?Нет
ранее. черновик. css-line-. grid-1 gdЯчейки в сетке макетаНетНетНетНетНет
Считается. единицей. для css-. шаблон-. 3 frОставшееся место в серии значений длины12НетНетНетНет
css-values-3 remразмер шрифта t корневой элемент9.01.9.2ДаНет2.10.229
vwобласть просмотра ширина19.028.0НетНет
vhвысота области просмотра
vminравно меньшему из 'vw' или 'vh'.Нет
vmaxравное большему из «vw» или «vh».
chширина глифа «0» (ZERO, U + 0030), найденного в шрифте для размера шрифта, используемого для визуализации.Нет1.9.1НетНетНет
Эффекты фильтра
фильтр-. эффекты
оттенки серого ()Нет1335.018.0НетНет
сепия ()
насыщенный ()
hue-rotate ()
invert ()
opacity ()
яркость ()
контраст ()
blur ()
drop-shadow ()
Переменные
css-. переменные-. 1
- *определяют переменнуюНетНет31.0Экспериментальный.НетНет
var (- *)использовать переменную
Trident EdgeHTML Gecko WebKit KHTML Presto
Общие примечания
  1. transparent

    В CSS1 введено значение «transparent» для свойства background-color. CSS2 позволяет цвету границы также принимать значение "transparent". Структура публикации Open eBook (tm) 1.0.1 [OEB101] расширила свойство «цвет», чтобы оно также принимало ключевое слово «прозрачный». CSS3 расширяет значение цвета, чтобы включить ключевое слово «transparent», чтобы разрешить его использование со всеми свойствами, которые принимают значение . Это упрощает определение этих свойств в CSS3.

  2. - Блок Turnне поддерживается.
Trident notes
  1. rect ()- До 8.0, rect ()не поддерживался с правильным синтаксисом с использованием запятых.
  2. auto- В режиме совместимости (режим эмуляции IE5) autoне работает для margin, кроме элементов таблицы.
  3. transparent- в 7.0 и 8.0 использование transparentв свойстве colorсделает текст черным.
  4. transparent- до 7.0, transparentне поддерживается на границах (отображается сплошным черным цветом) и игнорируется в изображениях PNG.
Примечания к Gecko
  1. - до версии 1.9. 1, использовалась ширина символа "M" вместо ширины символа "0".
Примечания Presto
  1. - До версии 2.1 существовала ошибка квантования для значений, превышающих 20.47 (не ограничивается em, попробуйте любые непиксельные единицы).
  2. transparent- ключевое слово игнорируется при использовании со свойством outline-colorу. До версии 2.2 он также игнорировался при использовании со свойствами colorи text-shadow.
См. Также
Ссылки
Технические характеристики
Trident
Gecko
Webkit
Presto
Последняя правка сделана 2021-05-15 08:02:54
Содержание доступно по лицензии CC BY-SA 3.0 (если не указано иное).
Обратная связь: support@alphapedia.ru
Соглашение
О проекте