브라우저 엔진 비교(CSS 지원)

Comparison of browser engines (CSS support)
계단식 스타일 시트
개념
철학
도구들
비교

이 문서는 여러 브라우저 엔진에 대한 CSS(Cascading Style Sheet) 지원을 비교한다.

표 설명

엔진 상태 에 포함됨
웹키트 활동적인 Safari 브라우저와 iOS App Store에서 호스팅되는 모든 브라우저.
블링크 활동적인 구글 크롬과 마이크로소프트 엣지, 오페라, 브레이브 등 크롬을 기반으로 한 다른 웹 브라우저.
엣지HTML 유지됨 범용 Windows 플랫폼 앱(이전에는 Edge 브라우저에서[1] 사용됨)
도마뱀붙이 활동적인 Firefox 브라우저와 Thunderbird e-메일 클라이언트, 그리고 SeaMonkey와 Waterfox와 같은 포크.
KHTML 활동적인 커커 브라우저
매우 빠르게 중단됨 이전에 Opera의 브라우저 엔진으로 사용되었으며, Chromium 및 Blink로 마이그레이션되기 전.
MSHTML(트라이던트) 유지됨 Internet Explorer 및 Outlook 2007 이전 버전의 Microsoft Outlook

가치

이는 각 엔진에서 주어진 품목에 대한 지지 수준을 나타낸다.기본적으로 가장 최신 버전의 엔진은 암시되어 있다.그러나 특정 버전 번호를 나열할 수 있다. 이것이 완전한 지원을 나타내는 경우, 그것은 항목을 완전히 지원하는 엔진의 초기 버전이다.

레전설
가치 의미
네 완전 지원
아니요. 지원된 적이 없음
부분적 일부 값만 지원됨
틀렸다 모든 경우에 올바르게 구현되지 않음
실험적인 불완전하거나 버그가 있을 수 있음
나이틀리 빌드 현재 개발 중, 전폭적인 지원이 예상된다.
경우에 따라 다르지요 지정된 조건에 대해서만 지원됨
떨어진 더 이상 지원되지 않음

기타 노트

공급업체별

벤더별 실험 CSS 속성에 해당하는 DOM 속성은 하이픈이 없는 벤더 프리픽스와 대문자화된 첫 번째 문자로 접두사 앞에 붙는다.element.style.MozBorderRadius에 상응하는-moz-border-radius재산, 또는element.style.OTransform에 상응하는-o-transform재산예를 들어, 소문자 접두사를 사용한 MSHTML은 예외다.element.style.msTransform.

  • 도마뱀붙이:-moz-— 모든 실험 선택기, 특성 및 값은 예를 들어 "-moz-"로 접두사 되어 있다.::-moz-selection대신에::selection.
  • 웹 키트:-webkit-— 모든 실험 선택기, 속성 및 값은 "-webkit-", 예를 들어 "-webkit-"로 앞에 붙는다.-webkit-box-shadow대신에box-shadow.
  • MSHTML: -ms-— 모든 실험 속성은 "-ms-", 예를 들어 "-ms-"로 접두사 앞에 붙는다.-ms-interpolation-mode대신에interpolation-mode.
  • KHTML: -khtml-— 모든 실험 선택기, 속성 및 값은 "-khtml-", 예를 들어 "-khtml-"로 앞에 붙인다.-khtml-opacity대신에opacity.
  • Presto: -o-— 모든 실험 속성은 "-o-", 예를 들어 "-o-"로 접두사 앞에 붙는다.-o-transition-property대신에transition-property.

약어

  • CSS1 : 계단식 스타일시트(CSS1) 레벨 1 규격[spec 1]
  • CSS2 : 계단식 스타일시트 레벨 2 개정판 1 (CSS 2.1) 규격[spec 2]
  • CSS3: CSS 모듈 레벨 3
  • CSS4: CSS 모듈 레벨 4

문법과 규칙

MSHTML 엣지HTML 도마뱀붙이 웹키트 KHTML 매우 빠르게
CSS2 !important 체중증가 7.0 12 1.0 85 네 1.0
/*Comment*/ 평. 3.0 12 1.0 85 네 1.0
@import 스타일시트 가져오기 8.0 12 1.0 네 네 1.0
@charset 문자 집합 5.5 12 1.0 네 4.2.3 1.0
@media 미디어별 규칙 5.5 12 1.0 네 네 1.0
css-
네임스페이스-3 		@namespace 네임스페이스 선언 9.0[t 1] 12 1.0 네 네 1.0
초기의 css3-thead
 of css3-multi		 @document URL별 제한 아니요. 아니요. 6.0 아니요. 아니요. 아니요.
css-
애니메이션-1 		@keyframes 애니메이션 키 10.0[t 2] 12 16.0 실험적인 아니요. 2.12
css3-
조건부의 		@supports 조건부 규칙 아니요. 12 22.0[g 1] 28.0[w 1] 아니요. 2.12
css-counter-counter-
스타일-3 		@counter-style 사용자 정의 카운터 스타일 아니요. 아니요. 33.0[g 2] 아니요. 아니요. 아니요.
css-device-
adapt-1 		@viewport Viewport, 장치 적응 10.0[t 3] 12.0 아니오[w 2] 아니요. 아니요. 2.7.62[p 1]
필터-
효과-1 		@filter 필터 아니요. 아니요. 35.0 실험적인 아니요. 아니요.
페이지
CSS2 @page 페이징된 미디어의 경우 8.0 12 19.0[g 3] 나이틀리 빌드[3w] 아니요. 1.0
css-3페이지 @top-left-corner 여백 상자[spec 3] 아니요. 아니요. 아니요. 아니오[w 4] 아니요. 아니요.
@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
글꼴
css-sns-3 @font-face 글꼴 정의 9.0[t 4] 12 1.9.1 525 4.3 2.2
@font-feature-values 글꼴 기능 정의 아니요. 아니요. 34.0 아니요. 아니요. 아니요.
@annotation 글꼴 피쳐 값 블록
@styleset 아니요. 아니요. 아니요. 아니요. 아니요.
@swash 아니요. 아니요. 아니요. 아니요. 아니요.
@ornaments 아니요. 아니요. 아니요. 아니요. 아니요.
@stylistic 아니요. 아니요. 아니요. 아니요. 아니요.
@character-variant 아니요. 아니요. 아니요. 아니요. 아니요.
MSHTML 엣지HTML 도마뱀붙이 웹키트 KHTML 매우 빠르게
MSHTML 참고 사항
  1. !important — 7.0 이전,!important나중에 동일한 선언 블록에 정의된 규칙을 재정의하지 마십시오.
  2. @import — 8.0 이전에 미디어 유형 지원이 중단됨을 위해@import <URL> <MEDIA>, IE 요청이 URL "로 요청됨<URL> <MEDIA>" 그리고 다음을 포함할 것이다.url()URL의 토큰 및/또는 인용문도 있다(있는 경우).35개 이상의 스타일시트를 가져올 수 없음.
프레스토 노트
  1. @import — Gecko, WebKit 및 iCab은 모든 미디어 스타일시트를 즉시 다운로드하지만, Opera는 "음성" 기능이 활성화되어 있고 TV가 있는 경우 음성뿐만 아니라 휴대용, 인쇄, 프로젝션 및 스크린 미디어만 다운로드한다.텍스트 브라우저 에뮬레이션 모드는 사용자 스타일시트일 뿐이므로 tty 미디어 유형으로 전환되지 않는다.이것은 CSS를 존중하지 않는 오래된 텍스트 브라우저와 일치한다.

선택기

MSHTML 엣지HTML 도마뱀붙이 웹키트 KHTML 매우 빠르게
요소 선택기[spec 4]
CSS2 * 유니버설 7.0 12 1.0 85 네 1.0
E 요소 4.0 12 1.0 85 네
E.class 클래스 7.0 12 1.0 85 네
E#id 아이디 4.0 12 1.0 85 네
선택기-3 ns E 이름이 앞섰다. 9.0 12 1.0 네 네
관계 선택기
CSS2 E F 후손 4.0 12 1.0 85 네 1.0
E > F 아이 7.0 12 1.0 85 네
E + F 인접직접속 7.0 12 1.0 85 네
선택기-3 E ~ F 간접 인접 7.0 12 1.7 412 3.3.2 2.0
선택기-4 E /for/ F 참조 결합기 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
E! > F 제목 아니요. 아니요. 아니오[g 4] 아니요. 아니요. 아니요.
F E 열 관계 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
속성 선택기
CSS2 E[attr] 가지다 7.0 12 1.0 85 네 1.0
E[attr="value"] 등수 7.0 12 1.0 네 네
E[attr~="value"] 포함(공간 구분) 7.0 12 1.0 네 네
E[attr ="value"] 포함(하이픈으로 구분) 7.0 12 1.0 네 네
선택기-3 E[attr^="value"] 로 시작한다. 7.0 12 1.0 네 3.4 1.0
E[attr$="value"] 로 끝나다. 7.0 12 1.0 네 3.4 2.0
E[attr*="value"] 하위 문자열 포함 7.0 12 1.0 네 3.4
E[ns attr] 이름이 앞섰다. 7.0 12 1.0 네 3.4
선택기-4 E[foo="bar" i] 대소문자 구분 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
사이비계급
CSS2 E:link 방문되지 않은 하이퍼링크 3.0 12 1.0 85 네 1.0
E:visited 방문한 하이퍼링크 3.0 12 1.0 85 네
E:active 활동적인 8.0 1.0 12 85 네
E:hover 마우스오버 7.0 12 1.0 419.3 네
E:focus 초점 맞춰진 8.0 12 1.0 네 네
E:first-child 첫째 아이 7.0 12 1.0 85 네
E:lang() 언어 8.0 12 1.2 525 3.4
@page:first 첫 페이지 8.0 12 아니오[g 5] 네[w 5] 아니요.
@page:left 왼쪽 페이지
@page:right 오른쪽 페이지
선택기-3 E:root 뿌리 9.0 12 1.0 85 3.4 2.1
E:not() 부정
E:empty 비어 있음 1.8 412
E:first-of-type 타입의 첫째 아이 1.9.1 525
E:last-child 마지막 아이 1.0
E:last-of-type 유형의 마지막 자식 1.9.1
E:only-child 외동딸 1.8
E:only-of-type 외동자식 1.9.1
E:nth-child N자녀th 1.9.1
E:nth-last-child 마지막th 아이 N 1.9.1
E:nth-of-type N자형th 1.9.1
E:nth-last-of-type Nth 유형의 마지막 자식 1.9.1
E:target 대상 1.3 2.5
E:enabled 사용 가능 상태 1.8 2.0
E:disabled 사용 안 함 1.8
E:checked 체크 상태 1.0
선택기-4 E:indeterminate 미확정 상태 1.9.2 522 아니요. 아니요.
E:default 체납 아니요. 아니요. 1.9 네[w 6] 4.3 2.0
E:valid 유효 10.0[t 5] 12 1.8 네[w 7] 아니요.
E:invalid 유효하지 않음 10.0[t 6] 12
E:in-range 범위 내 아니요. 13 네[w 8]
E:out-of-range 범위를 벗어남 아니요. 13
E:required 필수의 10.0[t 7] 12 2.0[g 6] 네[w 9]
E:optional 선택적 10.0[t 8] 12
E:read-only 읽기 전용 아니요. 13 실험적인[7g] 아니요. 틀렸다 틀렸다
E:read-write 읽고 쓰기 아니요. 13
E:not(s1, s2) 부정 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
E:matches(s1, s2) 일치-임의 아니오[g 8]
E:has(s1) 관계 사이비급 아니요.
E:dir(ltr) 방향성 17[g 9]
E:lang(zh, *-hant) 언어들 아니요.
E:any-link 하이퍼링크 50.0[g 10]
E:local-link 로컬 링크 아니요.
E:local-link(0) 로컬 링크
E:scope 상황별 참조 20[g 11]
E:current 시간 차원 : 전류 아니요.
E:current(s) 시간 차원 : 전류
E:past 시간 차원 : 과거
E:future 시간 차원 : 미래
E:nth-match(n of selector) N자녀th
E:nth-last-match(n of selector) 의th 마지막 아이
E:column(selector) 컬럼
E:nth-column(n) N열th
E:nth-last-column(n) Nth 마지막 열
E:placeholder-shown 자리 표시자 텍스트
E:active-drop 그 물건을 받을 것이다.
E:valid-drop 물건을 받을 수 있었다.
E:invalid-drop 물건을 받을 수 없다
의사 원소
CSS2 E:first-letter 첫 글자 9.0 12 1.0 85 네 1.0
E:first-line 첫 번째 줄 부분적
E:before 이전 8.0 1.9.1 부분적
E:after 후
선택기-3 E::before 이중대장 표기법 9.0 12 1.9.1 부분적 3.4 1.0
E::after 이중대장 표기법
E::first-letter 이중대장 표기법 1.5 85
E::first-line 이중대장 표기법 부분적
css-sns-4 E::marker[스펙 5] 표식기 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
E::selection 선택 9.0 12 실험적인[g 12] 412 3.4 2.1
CSS UI 유사 요소 E::value 사용자 인터페이스 요소 조각[spec 6] 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
E::choices
E::repeat-item
E::repeat-index
MSHTML 엣지HTML 도마뱀붙이 웹키트 KHTML 매우 빠르게
일반주
  1. :read-only 그리고 — Presto와 KHTML이 모두 해당 사례를 처리한다.contenteditable잘못 해석하다
MSHTML 참고 사항
  1. :active — 8.0 이전,:active앵커 요소에서만 지지된다.
  2. :hover — 7.0 이전,:hover앵커 요소에서만 지지된다.
  3. .one.two — 7.0 이전 버전만.two학급 선택자가 고려되었다.
  4. * — 7.0 이전에는 단일 또는 무원소로 처리되었다.
  5. [attr] — 모든 항목 일치td그리고th속성이 다음과 같을 때 표에colspan(실제 누구라도 A를 가지고 있는지 아닌지를 판단함)colspan속성이 [t 9]있다명세서에 모호성이 존재하기 때문에 이것은 실제로 버그가 아닐 수 있다.[t 10]
  6. :first-letter, — 6.0의 IE9 이전 버전, 조합:first-letter다른 사람들과의 규칙은 문제가 될 수 있다.[t 11]8.0에서는 다음과 같이 규정한다.!important속으로는 무시당하다:first-line그리고:first-letter선언문[t 12]
게코 노트
  1. (:):before, (:):after — CSS2.0 동작 : 일부 속성은 1.9.1 이전에 구현되지 않는다.[g 13]
WebKit 노트
  1. :lang() — 테스트 중인 요소에 명시적으로 존재하는 경우에만 감지되며, 속성은 상속되지 않음.
  2. (:):first-line —text-transform이 사이비 종교에는 해당되지 않는다.[w 10]
  3. (:):before/after— 일부 스타일을 적용할 수 없음:before그리고:after애니메이션 [w 11]및 전환과 같은 유사 애니메이션
프레스토 노트
  1. :target — 2.5 이전 버전에서는 뒤로 및 앞으로 버튼을 사용하여 탐색할 때 스타일을 적용하지 않는다.

특성.

MSHTML 엣지HTML 도마뱀붙이 웹키트 KHTML 매우 빠르게
계단식 및 상속
css-
캐스케이드-3 		all 아니요. 아니요. 27.0[g 14] 아니요. 아니요. 아니요.
디스플레이
CSS2 display 8.0 12 1.9 85 네 1.0
예상보다 일찍
의 초안.
css-
디스플레이-3 		display-inside 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
display-outside
display-list
css-
디스플레이-3 		box-suppress
박스 모델[spec 7]
CSS2 margin 9.0 12 1.0 85 네 1.0
padding 4.0 1.0 85 네
width 4.0 1.0 85 네
height 4.0 1.0 85 네
float 5.0 1.0 85 네
clear 5.0 1.0 85 네
min-width 7.0 1.0 부분적 네
max-width 7.0 1.0 부분적 네
min-height 7.0 1.7 부분적 3.3.2
max-height 7.0 1.7 부분적 3.3.2
visibility 9.0 1.8 부분적 부분적 2.5
오버플로
CSS2 overflow 9.0 12 1.0 85 3.2 1.0
css-
넘쳐흐르다
3 		overflow-x 9.0 12 1.8 525 3.5.6 2.1
overflow-y
max-lines 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
국경
CSS2 border 4.0 12 1.0 85 네 1.0
border-color 7.0
border-style 8.0
border-width 4.0
border-top 5.5
border-right
border-bottom
border-left
css-
배경-3 		border-radius 9.0[t 1] 12 2.0[g 15] 533[w 12] 실험적인 2.5
border-image 11.0 15.0[g 16] 실험적인 아니요. 2.5
border-image-source 15.0[g 17] 아니요. 아니요.
border-image-slice
border-image-width
border-image-outset
border-image-repeat
box-shadow 9.0[t 13] 2.0[g 18]

[g 19]

네[w 13] 아니요. 2.5
box-decoration-break 아니요. 아니요. 32.0[g 20] 아니오[w 14] 아니요. 2.7[p 2]
MSHTML 엣지HTML 도마뱀붙이 웹키트 KHTML 매우 빠르게
선 배치[spec 8]
CSS2 line-height 4.0 12 1.0 85 네 1.0
vertical-align 8.0 1.0 85 네
포지셔닝
CSS2 position 7.0 12 1.0 85 네 1.0
top 8.0 1.0 85 네
right 8.0 1.0 85 네
bottom 8.0 1.0 85 네
left 8.0 1.0 85 네
z-index 8.0 1.9 85 네
상자 정렬 모듈
css-sns-3
align-content 11.0 12 28.0 실험적인 아니요. 아니요.
align-items 20.0
align-self
justify-content
justify-items 아니요. 아니요. 아니요.
justify-self
생성 및 교체된 콘텐츠[spec 9]
CSS2 quotes 8.0 12 네 412[w 15] 3.4 1.0
content 9.0[t 14] 1.9 부분적 네 2.7
counter-increment 8.0 1.8 525 3.4 1.0
counter-reset 8.0 1.8 525 3.4
목록[spec 10]
CSS2 list-style 4.0 12 1.0 85 네 1.0
list-style-image 4.0 1.0 85 네
list-style-position 4.0 1.0 85 네
list-style-type 8.0 1.0 85 3.4
컬러스
CSS2 color 3.0 12 1.0 85 네 1.0
css-color-3 opacity 9.0[t 1] 12 1.7 125 4.0 2.0
MSHTML 엣지HTML 도마뱀붙이 웹키트 KHTML 매우 빠르게
배경
CSS2 background 4.0 12 1.0 85 네 1.0
background-attachment 7.0
background-color 4.0
background-image 8.0
background-position 8.0
background-repeat 4.0
css-
배경-3 		background (multiple) 9.0[t 1] 12 1.9.2 312 3.5 2.5
background-clip 2.0[g 21] 네[w 16] 실험적인
background-origin
background-size 네[w 17]
초기 아이디어
css-용
배경-4 		background-position-x 8.0[t 15] 12 아니요. 실험적인 아니요. 아니요.
background-position-y
글꼴
CSS2 font 4.0 12 1.0 85 네 틀렸다
font-family 4.0 1.0 85 네 1.0
font-size 3.0 1.0 85 네
font-style 4.0 1.0 85 네
font-variant 4.0 1.0 125 네
font-weight 8.0 부분적 부분적 네 틀렸다
css-sns-3 font-size-adjust 10.0[t 16] 12 1.9 아니오[w 18] 아니요. 아니요.
font-stretch 9.0[t 1] 9.0[g 22] 아니오[w 19] 아니요. 아니요.
font-feature-settings 10.0[t 17] 34.0[2][g 23] 아니오[w 20] 아니요. 아니요.
font-kerning 아니요. 아니요. 아니요. 아니요. 아니요.
font-language-override 아니요. 아니요. 아니요. 아니요.
font-synthesis 아니요. 아니요. 아니요. 아니요.
font-variant-alternates 아니요. 아니요. 아니요. 아니요.
font-variant-caps
font-variant-east-asian
font-variant-ligatures
font-variant-numeric
font-variant-position
unicode-range 9.0[t 18] 12 38.0[g 24] 아니요. 아니요. 아니요.
텍스트
CSS2 text-align 4.0 12 1.0 85 네 1.0
text-decoration 네 1.0 85 네
text-indent 3.0 1.0 85 네
text-transform 4.0 1.0 85 네
letter-spacing 4.0 1.0 85 네
word-spacing 8.0 1.0 85 네
white-space 8.0 1.9.1 522 네 2.1
css-text-3 word-break 부분적 부분적 15.0[g 25] 아니요. 아니요. 아니요.
line-break 11.0 12 아니요. 아니요. 아니요. 아니요.
hyphens 10.0[t 19] 12 6.0[g 26] 실험적인 아니요. 아니요.
word-wrap 5.0 12 1.9.1 85 4.3 2.5
overflow-wrap 아니요. 아니요. 아니오[g 27] 아니요. 아니요. 아니요.
text-align-last 부분적 부분적 12.0[g 28] 아니오[w 21] 아니요. 아니요.
text-justify 5.5 12 아니오[g 29] 아니요. 아니요. 아니요.
text-emphasis 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
hanging-punctuation 아니요. 아니요. 아니요. 아니오[w 22] 아니요. 아니요.
초기 아이디어
css-용
텍스트-4 		hyphenate-character 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
hyphenate-limit-zone 10.0[t 20] 12
hyphenate-limit-chars 10.0[t 21] 12
hyphenate-limit-lines 10.0[t 22] 12
hyphenate-limit-last 아니요. 아니요.
text-space-collapse
text-spacing
text-wrap
텍스트 장식
css-text-
실내 장식 3 		text-shadow 10.0[t 23] 12 1.9.1 네 3.4 2.1
text-decoration-style 아니요. 아니요. 36.0[g 30][g 31] 아니오[w 23] 아니요. 아니요.
text-decoration-color 아니요. 아니요. 아니요. 아니요.
text-decoration-line 아니요. 아니요. 아니요. 아니요.
text-decoration-skip 아니요. 아니요. 아니요. 아니요. 아니요.
text-underline-position 11.0 12 아니요. 아니요. 아니요. 아니요.
text-emphasis-style 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
text-emphasis-color
text-emphasis
text-emphasis-position
MSHTML 엣지HTML 도마뱀붙이 웹키트 KHTML 매우 빠르게
쓰기 모드
CSS2 direction 5.0 12 1.0 85 네 1.0
unicode-bidi 5.0 1.0 525 네
css-
글쓰기-
모드-3 		writing-mode 7.0[t 24] 12 아니오[g 32] 나이틀리 빌드[24] 아니요. 아니요.
text-combine-horizontal 11.0[t 25] 12.0 아니요. 아니요. 아니요. 아니요.
text-orientation 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
테이블
CSS2 border-collapse 8.0 12 1.0 125 네 1.0
border-spacing 8.0 1.0 125 네
caption-side 8.0 1.4 85 네
empty-cells 8.0 1.0 125 네
table-layout 5.0 1.0 85 네
사용자 인터페이스
CSS2 cursor 5.5 12 1.8 125 네 부분적
outline 8.0 1.8 125 네 1.0
outline-color 8.0 1.8 125 네
outline-style 8.0 1.8 125 네
outline-width 8.0 1.8 125 네
css-ui-3 outline-offset 아니요. 아니요. 1.8 125 3.5 2.1
box-sizing 8.0 12 29.0[g 33] 네[w 25] 3.3.2 1.0
resize 아니요. 아니요. 2.0[g 34] 525 아니요. 아니요.
appearance 아니요. 12 실험적인 실험적인 아니요. 아니요.
icon 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
nav-index 아니요. 아니요. 아니요. 아니요. 2.1
nav-up 아니요. 아니요. 아니요. 아니요.
nav-right 아니요. 아니요. 아니요. 아니요.
nav-down 아니요. 아니요. 아니요. 아니요.
nav-left 아니요. 아니요. 아니요. 아니요.
text-overflow 부분적 부분적 7.0[g 35] 부분적 3.5.6 실험(야간)[p 3]
페이징 미디어
CSS2
page-break-before 4.0 12 부분적 부분적 3.5 1.0
page-break-after
page-break-inside 8.0 19.0[g 36] 312
orphans 아니오[g 37]
widows
css-3페이지 page 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
size 아니요. 아니오[g 38] 아니오[w 26] 아니요. 1.0
image-orientation 아니요. 26.0[g 39] 아니요. 아니요. 아니요.
object-fit 아니요. 36.0[g 40] 아니요. 아니요. 2.7[p 4]
object-position 아니요. 아니요. 아니요.
스피치
css-sns-1 cue 아니요. 아니요. 아니오[g 41] 아니요. 아니요. 1.0
cue-after
cue-before
pause
pause-after
pause-before
speak 나이틀리 빌드[27]
voice-family 아니요.
voice-balance 실험적인
voice-duration
voice-pitch
voice-pitch-range
voice-rate
voice-stress
voice-volume
interpret-as
phonemes
rest 아니요.
rest-after
rest-before
mark
mark-after
mark-before
MSHTML 엣지HTML 도마뱀붙이 웹키트 KHTML 매우 빠르게
미디어 쿼리
css3-
미디어쿼리 		width 9.0[t 26] 12 1.9.1 525 4.1 2.0
height
device-width
device-height
device-aspect-ratio
color 2.5
color-index
monochrome
resolution 아니요.
orientation 4.2.1 아니요.
aspect-ratio 2.1
grid 11.0 네 4.1 2.5
scan
루비 캐릭터
css-sns-1 ruby-position 아니요. 아니요. 38.0[g 42] 아니요. 아니요. 아니요.
ruby-align
ruby-merge 아니요.
다중 열 레이아웃
css-
멀티콜-1 		column-count 10.0[t 27] 12 실험적인[g 43] 실험적인 아니요. 2.8[p 5]
column-width
column-gap
column-rule
columns 9.0[g 44]
break-before 아니오[g 45] 실험적인[28]
break-after
break-inside 아니오[w 29]
column-fill 14.0[g 46] 아니요.
column-span 아니오[g 47] 실험적인[30]
격자 배치도
css-
격자-1 		grid 아니요. 아니요. 실험적인[g 48] 실험적인[w 31] 아니요. 아니요.
grid-template
grid-template-columns
grid-template-rows
grid-template-areas
grid-auto-columns
grid-auto-rows
grid-auto-flow
grid-auto-position
grid-columns 10.0[t 28] 12
grid-columns-start 아니요. 아니요.
grid-columns-end
grid-row 10.0[t 29] 12
grid-row-start 아니요. 아니요.
grid-row-end
grid-area
애니메이션
css-
애니메이션-1
animation 10.0[t 30] 12 16.0[g 49] 실험적인 아니요. 2.12
animation-delay
animation-direction
animation-duration
animation-iteration-count
animation-name
animation-play-state
animation-timing-function
animation-fill-mode
변환
css-
변형-
1
transform 10.0[t 31] 12 16.0 실험적인 아니요. 2.12
transform-origin
transform-style 아니요.
perspective
perspective-origin
backface-visibility
전환
css-
전환-1
transition-property 10.0[t 32] 12 16.0[g 50] 실험적인 아니요. 실험적인
transition-duration
transition-timing-function
transition-delay
transition
유연한 상자 레이아웃
css-
flexbox-1
flex 11.0 12 22.0[g 51] 9.0[w 32] 아니요. 2.12
flex-basis 아니요.
flex-direction 2.12
flex-flow 28.0 아니요.
flex-grow 22.0 2.12
flex-shrink 아니요.
flex-wrap 28.0 아니요.
order 22.0 2.12
MSHTML 엣지HTML 도마뱀붙이 웹키트 KHTML 매우 빠르게
지역
css-
지역-1
flow-into 10.0[t 33] 12 아니오[g 52] 나이틀리 빌드 아니요. 아니요.
flow-from
region-fragment 아니요. 아니요.
break-before 아니요. 아니요.
break-after
break-inside
제외
css3-
제외.
wrap-flow 10.0[t 34] 12 아니오[g 53] 나이틀리 빌드 아니요. 아니요.
wrap-through
모양들
css-
도형-1
shape-margin 아니요. 아니요. 아니요. 나이틀리 빌드 아니요. 아니요.
shape-outside 아니요.
shape-image-threshold
마스킹
CSS2 clip 8.0 12 1.0 85 네 1.0
css-
마스킹-1
clip-path 아니요. 아니요. 1.9.1 아니요. 아니요. 아니요.
clip-rule 아니요.
mask 아니요. 아니요. 부분적 부분적 부분적 부분적
mask-box-image 아니요. 아니요. 아니요. 실험적인 아니요. 아니요.
mask-box-image-outset 아니요.
mask-box-image-repeat
mask-box-image-slice
mask-box-image-source
mask-box-image-width
mask-clip 아니요. 아니요. 아니요. 실험적인 아니요. 아니요.
mask-image
mask-origin
mask-position
mask-repeat
mask-size
mask-type 20.0 아니요.
컴포지팅 및 블렌딩
합성-
1
mix-blend-mode 아니요. 아니요. 32.0 아니요. 아니요. 아니요.
isolation 36.0
background-blend-mode 30.0
필터 효과
필터-
효과-1
filter 아니요. 13 35.0[g 54] 18.0[w 33] 아니요. 아니요.
flood-color 아니요. 아니요. 아니요.
flood-opacity
color-interpolation-filters
lighting-color
포인터 이벤트
SVG1.1 및
예상보다 일찍
의 초안.
css3-ui		 pointer-events 11.0 12.0 1.9.2 530 아니요. 2.0
포인터-
사건들 		touch-action 11.0 12.0 29.0[g 55] 아니요. 아니요. 아니요.
라인 그리드
css-line-
격자-1
box-snap 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
line-grid
line-slack
line-snap
MSHTML 엣지HTML 도마뱀붙이 웹키트 KHTML 매우 빠르게
논리 속성
초기 아이디어
css-용
논리적-1
block-size 아니요. 아니요. 41.0[g 56] 아니요. 아니요. 아니요.
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-transform 아니요.
border-image-transform
윌 체인지
css-will-
1번 변경-1 		will-change 아니요. 아니요. 36.0 아니요. 아니요. 아니요.
CSSOM 보기
cssom-
관람하다 		scroll-behavior(선택사항[3]) 아니요. 아니요. 36.0 아니요. 아니요. 아니요.
스냅점 스크롤
초기 아이디어
css-용
성큼성큼 달려들다 		scroll-snap-type 10.0 12 39.0[g 57] 아니요. 아니요. 아니요.
scroll-snap-points-x
scroll-snap-points-y
scroll-snap-destination
scroll-snap-coordinate
MSHTML 엣지HTML 도마뱀붙이 웹키트 KHTML 매우 빠르게
MSHTML 참고 사항
  1. margin —inherit계산된 값을 상속하는 대신 계산을 상속하고 다시 계산한다.[t 35]
  2. display — 7.0 이전 버전만none,block,inline,table-header-group그리고table-footer-group전폭적으로 지지되다8.0 이전,table지원되지 않는 동안inline-block자연적으로 인라인인 요소에서만 지원된다.
  3. overflow — 7.0 이전,overflow: visible;잘못 지원됨.8.0에서scroll원소의 키를 원소의 키와 같게 하다.max-height콘텐츠가 그렇게 크지 않더라도.[t 36]이것은 IE9에서 고정되었다.
  4. visibility — 8.0 이전,visibility: collapse;지원되지 않음.8.0에서 인라인 요소:visibility: visible;내부 블록 요소:visibility: hidden;보이지 않는다.[t 37]
  5. content — 8.0에서 계산됨attr()속성이 변경될 때 값은 업데이트되지 않는다.[t 38]
  6. border-color — 7.0 이전,transparent지원되지 않음.
  7. border-style — 8.0 이전,hidden지원되지 않음.
  8. border-style — 7.0 이전,dotted로 간주되다.dashed.
  9. box-shadow — MSHTML 9.0은 상자 그림자의 블러 값을 공시가격의 약 절반으로 렌더링한다.9.0 이전에 MSHTML은 전용 Shadow[t 39] 및 DropShadow[t 40] 필터를 사용하여 5.5 이후의 유사한 기능을 지원한다.
  10. position — 7.0 이전까지는 고정 포지셔닝이 지원되지 않았다.7.0 이상은 표준 준수 모드에서만 지원한다.
  11. z-index — 8.0 이전,z-index일부만 지원됨.[t 41]8.0에서는 정수 외에 부동소수 값도 허용된다.[t 42]
  12. list-style-type — 8.0 이전,armenian,decimal-leading-zero,georgian,lower-greek,lower-latin,upper-latin지원되지 않음.
  13. opacity — 9.0 이전에 MSHTML은 독점적인 대안을 지원했다.[t 43]
  14. background-image — 8.0 이전의 경우 배경 영상이 좋지 않은 위치에 놓이는 경우도 있다.[t 44][t 45]
  15. background-attachment — 7.0 이전,fixed에서 허용되었다.body원소만
  16. background-position — 8.0 이전까지는 고정 포지셔닝이 지원되지 않는다.
  17. font-weight — 8.0 이전, 값이 600일 때 렌더링이 잘못됨.[t 46]
  18. text-align — 8.0에서,text-align에 의해 계승되지 않다:before그리고:after사이비 [t 47]종교
  19. white-space — 6.0 이전,pre지원되지 않음.8.0 이전,white-space부분적으로만 지원됨.pre-line그리고pre-wrap지원되지 않음.[t 48]
  20. cursor — 고정되지 않은 벤더 확장 시 실패하지 않음
  21. flex — 10.0의[t 49] 실험
  22. break-after; break-before; break-inside — 10.0은 기둥에 대한 브레이크-후, 브레이크-이전 및 브레이크-인사이드를 지원하지만, 속성 "지역"과 "피동지역"을 지원하지 않는 것으로 보인다.
게코 노트
  1. display — 인라인 블록 및 인라인 테이블을 제외한 값 1.9 이전 지원.
  2. z-index — 부정적인 값은 1.9 이전에 나쁘게 지지된다.
  3. content —none값이 1.9 이전까지는 지원되지 않음.또한 이 속성은 CSS3 "생성 및 교체된 콘텐츠 모듈" 사양에 따라 지원해야 하는 정상(비 pseudo-) 요소에서도 실패한다.
  4. background-position — 1.7 이전 버전은 제안된 CSS2.1 확장 구문이 아닌 CSS2 구문을 구현한다.
  5. font-size-adjust — 1.9 이전 버전, Windows에서만 지원됨.
  6. font-weight — Windows 7(윈도우 7) 또는 Windows Vista(윈도우 비스타)에서 Gecko 2.0에서 DirectWrite를 사용하지 않는 한, 밝은 면이나 무거운 면/검은 면이 설치된 경우에도 일반 무게와 굵은 무게만 사용한다.
  7. white-space —pre-line1.9.1 이전까지는 지원되지 않음.1.9 이전,pre-wrap로서 실험적으로만 지원되었다.-moz-pre-wrap.
  8. visibility —collapse1.8 이전 버전에서는 지원되지 않음.
  9. border-radius — 1.9.1 이전의 경계 곡선은 현재 CSS3 초안에 지정된 타원이 아닌 원형이다.다음에 대한 짧은 정의border-radiusW3C의 "tr br bl tl" 대신 "tl tr br bl"을 읽는다.테두리 스타일이 점선되거나 점선되면 곡선이 대신 실선으로 렌더링된다.[g 58]
  10. page-break-before; page-break-after — 오직always그리고auto값이 지원된다.
WebKit 노트
  1. max-width; max-height; min-width; min-height — 테이블에서 지원되지 않음. (2012-12-18에 언급된 바와 같이, 고정됨)[w 34]
  2. font — 설계자가 사용자의 운영 체제 환경에 맞게 프레젠테이션을 조정할 수 있는 시스템 글꼴 키워드는 지원되지 않는다.
  3. font-weight — 밝은 면이나 무거운 면/검은 면이 설치된 경우에도 일반 무게와 굵은 무게만 사용한다.
  4. page-break-before; page-break-after — 오직always그리고auto값이 지원된다.
  5. white-space — 522년 이전에는,pre-line그리고pre-wrap지원되지 않는다.
  6. visibility —collapse522 이전까지는 지원되지 않음.그 구현은 다음과 같은 효과를 가진다.hidden따라서 준수하지 않는다.[w 35]
  7. content — Thenone,open-quote,close-quote,no-open-quote,no-close-quote그리고normal값은 지원되지 않음.또한 이 속성은 CSS3 "생성 및 교체된 콘텐츠 모듈" 사양에 따라 지원해야 하는 정상(비 pseudo-) 요소에서도 실패한다.
  8. font-size — Thefont-size속성이 항상 값 0을 수용하는 것은 아니며, 텍스트는 여전히 볼 수 있다.
KHTML 노트
  1. overflow — 값scroll그리고auto지원되지 않는다.
  2. page-break-before; page-break-after — 3.5 이전 버전에서는always그리고auto가치가 뒷받침되었다.
  3. visibility — 모든 속성은 지원되지만, 이 구현은collapse와 같은 효과가 있다hidden따라서 준수하지 않는다.
프레스토 노트
  1. counter-increment, counter-reset — REC CSS2에 알고리즘 구현.
  2. background-position — Opera 8.0 이전의 Presto 버전은 제안된 CSS2.1 확장 구문이 아닌 CSS2 구문을 구현한다.
  3. font-weight — 값이 600일 때 렌더링이 잘못됨.MSHTML용으로 만들어진 웹 사이트의 호환성 모드에서 텍스트를 렌더링하십시오.
  4. visibility — 2.5 이전 값collapse테이블 열에서 지원되지 않음.행에서는, 와 같은 효과가 있었다.hidden따라서 준수하지 않았다.
  5. cursor —cursor동적 유사 변환으로 무시되고 사용자 지정 커서는 지원되지 않음.
  6. content — 2.7 이전,none값이 지원되지 않음.[p 6]
  7. font —inherit글꼴 크기 값과 함께 허용해서는 안 된다.이것은 구문 분석되어서는 안 되지만, 현재 오페라에서 행해지고 있다.

설명자

MSHTML 엣지HTML 도마뱀붙이 웹키트 KHTML 매우 빠르게
@counter-style
css-
반격하다
스타일-
3 		additive-symbols 아니요. 아니요. 아니오[g 59] 아니요. 아니요. 아니요.
fallback
negative
pad
prefix
range
speak-as
suffix
symbols
system
@font-얼굴
css-
글꼴-
3 		font-family 네 12 네 네 네 네
font-feature-settings
font-stretch 아니요. 아니요. 아니요.
font-style 네 네 네
font-variant
font-weight 부분적 부분적 틀렸다
src 네 네 네
unicode-range 36.0[g 60] 아니요. 아니요. 아니요.
@viewport
css-
장치-
adapt-1 		height 10.0[t 50] 12 아니요. 아니요. 아니요. 2.7
max-height 아니요. 아니요. 아니요.
min-height
width 10.0[t 51] 12 2.7
max-width 아니요. 아니요. 아니요.
min-width
zoom 2.7
max-zoom
min-zoom
user-zoom
orientation 아니요.

값 및 단위

MSHTML 엣지HTML 도마뱀붙이 웹키트 KHTML 매우 빠르게
숫자[spec 11]
CSS2 <number> 부동 소수점 수 3.0 12 1.0 85 네 1.0
<length> <숫자> 뒤에 단위가 따라붙는다.
<percentage> <숫자> 그 다음이 %이다.
<integer> 정수
css-sns-3 <angle> <숫자> 각도 단위 9.0[t 1] 12 네 부분적 부분적 부분적
<time> <숫자> 시간 단위 2.0[g 50] 네 네 2.5
<frequency> <숫자> 주파수 단위 아니요. 아니요. 아니요. 아니요.
<fraction> 잔여공간 아니요. 아니요.
줄들
CSS2 <string> 끈 3.0 12 1.0 85 네 1.0
\code 유니코드가 탈출함 6.0
기능들
CSS2 rect() 직사각형 8.0 12 1.0 85 네 1.0
url() 균일 리소스 식별자 3.0 12 1.0 85 네 1.0
counter() 8.0
attr() 속성 식별자
css-sns-3 calc() 9.0[t 1] 12 16.0[g 61] 네[w 36] 아니요. 아니요.
toggle() 값 간 전환 아니요. 아니요. 아니오[g 62] 아니요. 아니요. 아니요.
css-
grid-1 ?		 repeat() n번 반복 아니요. 아니요. 32.0[g 63] 아니요. 아니요. 아니요.
컬러스
CSS2 HTML4 색상 키워드 16개의 미리 정의된 웹 색상 3.0 12 1.0 85 네 1.0
#rrggbb or #rgb 16진법 표기법
rgb(r, g, b) RGB 표기법 4.0
system colors[스펙 12] 28개의 미리 정의된 시스템 색상 3.0
css-color-3 SVG 색상 키워드 8.0 12 네 네 네 네
currentColor 의 값color재산 9.0[t 1] 1.8 528 네 2.1
rgba(r, g, b, a) RGBA 표기법 1.9 525 4.0 2.2
hsl(h, s, l) HSL 표기법 1.5 3.5.5 2.1
hsla(h, s, l, a) HSLA 표기법 1.9 3.5.5 2.2
transparent 완전투명성 9.0 1.9 4.0 부분적
이미지 값
CSS2 <url> 이미지 유형 3.0 12 1.0 85 네 1.0
css-
이미지-3 		<sprite> 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
<image-list> 아니요. 아니요. 아니요.
<linear-gradient> 10.0[t 52] 12 16.0 네 실험적인
<radial-gradient>
linear-gradient() 색상 그라데이션
radial-gradient()
repeating-linear-gradient()
repeating-radial-gradient()
css-
영상-4 		conic-gradient() 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
repeating-conic-gradient()
element() 원소 재생성 아니요. 아니요. 실험적인 아니요. 아니요. 아니요.
cross-fade() 이미지 간 전환 아니요. 아니요. 아니오[g 64] 아니요. 아니요. 아니요.
image-set() 결의협상 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
카운터 스타일[spec 13]
css-
반격하다
스타일-3 		symbols() 익명 카운터 스타일 아니요. 아니요. 아니요. 아니요. 아니요. 아니요.
키워드
CSS2 auto 자동 계산됨 6.0 12 1.0 85 네 1.0
inherit 부모로부터 상속됨 8.0
css-sns-3 initial 아니요. 13 19.0 125 아니요. 아니요.
단위
CSS2 px 화소 3.0 12 1.0 85 네 1.0
pt 포인트
pc 피카
cm 센티미터
mm 밀리미터
in 인치
em em
ex 이외의
% 백분율
css-sns-3 deg 정도 9.0[t 1] 12 1.9.1 네 네 2.5
grad 그라드
rad 라디안
turn 방향을 틀다 13.0[g 65] 아니요. 아니요. 아니요.
ms 밀리초 2.0[g 66] 네 네 2.5
s 둘째
Hz 헤르츠 아니요. 아니요. 아니요. 아니요.
kHz 킬로헤르츠
dpi 인치당 도트 수 12 1.9.1 아니요. 4.1 2.5
dpcm 센티미터당 도트 수
dppx 픽셀 단위당 도트 수 16.0 아니요. ? 아니요.
예상보다 일찍
의 초안.
css-line-
격자-1 		gd 레이아웃-그리드 내의 셀 아니요. 아니요. 아니요. 아니요. 아니요.
단위 존재
여겨진다
css-sns-3용

 		fr 일련의 길이 값의 남은 공간 12 아니요. 아니요. 아니요. 아니요.
css-sns-3 rem 루트 요소의 글꼴 크기 9.0[t 1] 1.9.2 네 아니요. 2.10.229[p 7]
vw 뷰포트의 폭 19.0[g 3] 28.0[w 37] 아니요. 아니요.
vh 전망대의 높이
vmin 'vw' 또는 'vh' 중 작은 것과 동일하다. 아니요.
vmax 'vw' 또는 'vh' 중 큰 것과 같다.
ch 렌더링에 사용되는 글꼴 크기에 대한 글꼴에서 발견된 "0"(ZERO, U+0030) 글리프의 너비 아니요. 1.9.1 아니요. 아니요. 아니요.
필터 효과
필터-
영향들
grayscale() 아니요. 13 35.0[g 67] 18.0[w 38] 아니요. 아니요.
sepia()
saturate()
hue-rotate()
invert()
opacity()
brightness()
contrast()
blur()
drop-shadow()
변수
css-
변수-
1
--* 변수를 정의하다 아니요. 아니요. 31.0[g 68] 실험적인
[필요하다] 		아니요. 아니요.
var(--*) 변수를 사용하다
MSHTML 엣지HTML 도마뱀붙이 웹키트 KHTML 매우 빠르게
일반주
  1. transparent —

    CSS1은 배경색 특성에 대한 '투명' 값을 도입했다.CSS2는 테두리 색도 '투명' 값을 허용했다.오픈 eBook(tm) 출판 구조 1.0.1 [OEB101]은 '색상' 속성을 확장하여 '투명' 키워드도 받아들였다.CSS3는 '투명' 키워드를 포함하도록 색상 값을 확장하여 <색상> 값을 수용하는 모든 속성과 함께 사용할 수 있도록 한다.이것은 CSS3에서 그러한 속성의 정의를 단순화한다.

  2. <angle> — Theturn단위는 지원되지 않음.
MSHTML 참고 사항
  1. rect() — 8.0 이전,rect()쉼표를 사용하는 올바른 구문이 지원되지 않음.
  2. auto — Quirks 모드(IE5 에뮬레이션 모드)에서,auto을 위해 효과가 없다margins(테이블 요소 제외).
  3. transparent — 7.0 및 8.0의 경우,transparent에서color속성은 텍스트를 검정색으로 표시한다.
  4. transparent — 7.0 이전,transparent테두리(솔리드 블랙으로 표시됨)에서는 지원되지 않으며 PNG 이미지에서는 무시된다.
게코 노트
  1. <ch> — 버전 1.9.1 이전에 "0" 글리프의 너비 대신 "M" 글리프의 너비를 사용했다.[g 69]
프레스토 노트
  1. <number> — 2.1 이전에는 20.47보다 큰 값에 대한 정량화 오류가 있었다(이에 국한되지 않음, 픽셀이 아닌 다른 단위로 시도).[p 8]
  2. transparent — 키워드는 속성과 함께 사용할 때 무시된다.버전 2.2 이전에는 및 속성과 함께 사용할 때도 무시되었다.

참고 항목

참조

  1. ^ Mackie, Kurt (10 December 2018). "Microsoft Edge Browser To Get New Rendering Engine but EdgeHTML Continues". Redmond Mag. Retrieved 21 December 2019.
  2. ^ MDN: 개발자를 위한 웹 기술: 글꼴 연석
  3. ^ 이 속성의 cssom-view 사양에는 "[u]ser 에이전트는 이 속성을 무시할 수 있다."라고 나와 있다.
사양
  1. ^ Cascading Style Sheets, level 1, W3C
  2. ^ Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification, W3C
  3. ^ CSS Paged Media Module Level 3 - Margin Boxes, W3C
  4. ^ Selectors Level 3, W3C, 30 January 2018
  5. ^ Markers: The '::marker' pseudo-element, W3C
  6. ^ User interface element fragments: pseudo-elements3, W3C
  7. ^ CSS basic box model, W3C
  8. ^ CSS Inline Layout Module Level 3, W3C
  9. ^ CSS Generated Content Module Level 3, W3C
  10. ^ CSS Lists Module Level 3, W3C
  11. ^ Values and Units Module Level 3, W3C
  12. ^ System Colors, W3C
  13. ^ CSS Counter Styles Level 3, W3C
MSHTML
  1. ^ a b c d e f g h i j Internet Explorer Platform Preview Guide for Developers, Microsoft
  2. ^ @keyframes rule (Internet Explorer), Microsoft
  3. ^ "@-ms-viewport rule", Internet Explorer Dev Center, Microsoft
  4. ^ HTML5, Native: Third IE9 Platform Preview Available for Developers, Microsoft
  5. ^ "valid pseudo-class (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  6. ^ "invalid pseudo-class (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  7. ^ "required pseudo-class (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  8. ^ "optional pseudo-class (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  9. ^ Hopkins, James, Attribute selector (which matches the attribute, 'colspan' for TD and TH elements) matches every TD and TH element
  10. ^ Hammond, David, Comment on "IE 8 CSS 2.1 support results"
  11. ^ first-letter Ignore Bug, hasLayout.net, archived from the original on 2010-03-02, retrieved 2010-01-29
  12. ^ Hopkins, James, Declaration which includes !important keyword is ignored when used within a :first-letter or :first-line rule
  13. ^ Box-shadow, one of CSS3′s best new features - Browser's support (including IE9), WEBFLUX
  14. ^ content property doesn't return the value of an attribute when attribute is dynamically, archived from the original on 2009-10-17, retrieved 2011-03-12
  15. ^ "background-position-y property (Internet Explorer)". msdn.microsoft.com. MSDN. Retrieved 16 Feb 2015.
  16. ^ "font-size-adjust property (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  17. ^ "font-feature-settings property (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  18. ^ "@font-face rule (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  19. ^ "-ms-hyphens property (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  20. ^ "-ms-hyphenate-limit-zone property (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  21. ^ "-ms-hyphenate-limit-chars property (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  22. ^ "-ms-hyphenate-limit-lines property (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  23. ^ "text-shadow property (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  24. ^ CSS 3 Text: A Tale of writing-mode Woe
  25. ^ "-ms-text-combine-horizontal property". Microsoft. Retrieved 8 November 2013.
  26. ^ "@media rule (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  27. ^ "Multi-column Layout (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  28. ^ "-ms-grid-columns property". Microsoft. Retrieved 8 November 2013.
  29. ^ "-ms-grid-row property". Microsoft. Retrieved 8 November 2013.
  30. ^ "Animations (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  31. ^ "Transforms (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  32. ^ "Transitions (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  33. ^ "Regions (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  34. ^ "Exclusions (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
  35. ^ Talbot, Inherited margin with inherit keyword: the computed value's parent should be inherited
  36. ^ Groot, Sven, Overflow: scroll causes element to always have its max-height
  37. ^ Hopkins, James, visibility:visible applied to inline element doesn't override inherited visibility:hidden value applied to its block-level parent
  38. ^ Content: attr(x) isn't updated when the attribute's value change
  39. ^ Shadow Filter, Microsoft
  40. ^ DropShadow Filter, Microsoft
  41. ^ Positioning
  42. ^ Hopkins, James, Illegal parsing of a z-index decimal value, instead of an integer
  43. ^ Alpha Filter, Microsoft
  44. ^ IE7-/Escaping Background Image Bug - Demo 1, archived from the original on 2010-01-03, retrieved 2010-01-29
  45. ^ IE7-/Escaping Background Image Bug - Demo 2, archived from the original on 2010-04-22, retrieved 2010-01-29
  46. ^ Koch, Peter-Paul, IE Windows and Opera - font-weight: 600 vs. bold, QuirksMode
  47. ^ Hopkins, James, 'text-align' value isn't inherited by ':before' and ':after' pseudo elements
  48. ^ Font and Text, Microsoft
  49. ^ Flexible Box ("Flexbox") Layout, Microsoft
  50. ^ CSS Device Adaptation with @viewport, Treehouse Blog, 6 August 2013
  51. ^ CSS Device Adaptation with @viewport, Treehouse Blog, 6 August 2013
  52. ^ "Gradients (Internet Explorer)". Microsoft. Retrieved 17 November 2012.
도마뱀붙이
  1. ^ @supports - CSS, MDN
  2. ^ Bug 966166 - Implement @counter-style rule, Mozilla
  3. ^ a b "What's New", Firefox 19 Release Notes, Mozilla
  4. ^ Bug 418039 - CSS parent (has-child) and ancestor (has-descendant) selectors (:subject), Mozilla
  5. ^ Bug 813187 - Support CSS 2.1 @page Page Selectors, Mozilla
  6. ^ Bug 506554 - Implement the CSS3 pseudo-classes :required and :optional, Mozilla
  7. ^ Bug 312971 - Support :read-only and :read-write pseudoclasses, Mozilla
  8. ^ Bug 561154 - fix specificity of :-moz-any(), Mozilla
  9. ^ Bug 562169 - Implement the :dir(rtl/ltr) selector to select on HTML directionality, Mozilla
  10. ^ Bug 843579 - Remove prefix from :any-link pseudo-class, Mozilla
  11. ^ Bug 648722 - Add support for :scope as :-moz-scope, Mozilla
  12. ^ Bug 509958 - Remove the -moz prefix from ::selection, Mozilla
  13. ^ Bug 237119 - property 'display' is ignored for generated content, Mozilla
  14. ^ Bug 842329 - [css3-cascade] implement the 'all' shorthand, Mozilla
  15. ^ Bug 451134 - change -moz-border-radius* properties to css3-background names, Mozilla
  16. ^ Bug 378217 - implement css3 'border-image' property, Mozilla
  17. ^ Bug 497995 - Implement border-image revisions in latest css3-background, Mozilla
  18. ^ Bug 590039 - fix blur radius computation and rename -moz-box-shadow to box-shadow, Mozilla
  19. ^ Bug 470547 - Spread (4th length) for text-shadow not supported, Mozilla
  20. ^ Bug 613659 - implement box-decoration-break: Left/right part of a box-shadow should only be drawn on the first/last continuation of an inline box, Mozilla
  21. ^ Bug 549809 - Rename background-origin and background-clip properties and values to match css3-background, Mozilla
  22. ^ Bug 3512 - (font-stretch) Implement font-stretch property, Mozilla
  23. ^ Bug 549861 - (font-variant) implement parsing of font feature properties, Mozilla
  24. ^ Bug 475891 - (unicode-range) implement unicode-range support in user font set, Mozilla
  25. ^ Bug 249159 - implement 'word-break' properties of CSS3, Mozilla
  26. ^ hyphens - MDN Docs, Mozilla (영어만)
  27. ^ Bug 587438 - word-wrap, Mozilla
  28. ^ Bug 536557 - Implement CSS3 text-align-last, Mozilla
  29. ^ Bug 276079 - Implement text-justify property(but 'auto', 'inter-word', 'inter-ideograph' and 'distribute' only), Mozilla
  30. ^ Bug 59109 - implement CSS3 text module's text-decoration-style and text-decoration-color, Mozilla
  31. ^ Firefox 6 for developers, Mozilla
  32. ^ Bug 145503 - (writing-mode) CSS3 writing-mode (vertical text), Mozilla
  33. ^ Implement 'box-sizing', Mozilla
  34. ^ Bug 553576 - Implement css resize property behaviour, Mozilla
  35. ^ Bug 312156 - implement text-overflow: ellipsis from CSS3 text, Mozilla
  36. ^ Bug 132035 - Implement missing page-break-* CSS2.1 features, Mozilla
  37. ^ Bug 137367 - Implement orphans and widows, Mozilla
  38. ^ Bug 851937 - Support for @page size, Mozilla
  39. ^ Bug 825771 - [css3-images] implement 'image-orientation' property, Mozilla
  40. ^ Bug 624647 - [css3-images] Implement object-fit and object-position CSS properties, Mozilla
  41. ^ Bug 47159 - Support css3-speech (previously Aural Style Sheet) properties in getComputedStyle, Mozilla
  42. ^ Bug 256274 - Implement CSS ruby module, Mozilla
  43. ^ Bug 684062 - Compare spec and implement CSS multi-column support, Mozilla
  44. ^ Bug 446569 - Implement CSS3 columns shorthand, Mozilla
  45. ^ Bug 549114 - Support Column Breaks, Mozilla
  46. ^ Bug 695222 - Implement column-fill, Mozilla
  47. ^ Bug 616436 - column-span not implemented (css3 multicolumn), Mozilla
  48. ^ Bug 616605 - CSS Grid Layout, Mozilla
  49. ^ Bug 435442 - Implement Webkit's CSS Animation proposal, Mozilla
  50. ^ a b Bug 435441 - get CSS transitions complete enough to ship, Mozilla
  51. ^ Bug 783409 - Turn on CSS flexbox in builds by default (by enabling pref, build flag, etc), Mozilla
  52. ^ Bug 674802 - implement CSS3 Regions, Mozilla
  53. ^ Bug 674804 - implement CSS3 Exclusions, Mozilla
  54. ^ Bug 1057180 - Turn on CSS Filters by default (by enabling about:config pref), Mozilla
  55. ^ Bug 795567 - Implement touch-action CSS property for Pointer Events, Mozilla
  56. ^ Bug 1138384 - (enable-writing-mode-release) enable CSS writing-mode support in release channels, Mozilla
  57. ^ Bug 945584 - Implement CSS scroll snapping, Mozilla
  58. ^ Bug 382721 - Dotted/dashed -moz-border-radiused corners are rendered as solid, Mozilla
  59. ^ Bug 843718 - (css-counter-styles-3) Implement CSS Counter Styles Level 3, Mozilla
  60. ^ Bug 475891 - (unicode-range) implement unicode-range support in user font set, Mozilla
  61. ^ Bug 363249 - implement css3-values calc(), Mozilla
  62. ^ Bug 363250 - implement toggle() expression, Mozilla
  63. ^ Bug 978478 - Support repeat() in CSS Grid templates, Mozilla
  64. ^ Bug 546052 - Support CSS transitions with background-image images (cross-fading), Mozilla
  65. ^ Bug 716628 - Support "turn" unit from CSS3 Values and Units, Mozilla
  66. ^ Bug 435441 - Implement Webkit's CSS Transitions proposal, Mozilla
  67. ^ Bug 1057180 - Turn on CSS Filters by default (by enabling about:config pref), Mozilla
  68. ^ Bug 773296 - CSS Variables, Mozilla
  69. ^ Bug 282126 - What to do about the 'ch' length unit? (Mozilla vendor specific), Mozilla
웹킷
  1. ^ @supports - CSS, MDN
  2. ^ Bug 747754 - [CSS-WD] implement CSS Device Adaptation, Mozilla
  3. ^ Bug 35329 - Enhance CSS parser for Paged Media (Iteration 1), WebKit
  4. ^ Bug 85062 - Support CSS 3 Paged Media Margin Boxes, WebKit
  5. ^ Bug 38731 - Make CSS Parser properly handle only-for-pages pseudo-classes, WebKit
  6. ^ Bug 27458 - Support :default HTML5 CSS selector, Webkit
  7. ^ Bug 27357 - Support :valid/:invalid CSS selectors, Webkit
  8. ^ Bug 29071 - Support for :in-range and :out-of-range CSS selectors, Webkit
  9. ^ Bug 25551 - Support for HTML5 Forms "required" attribute, Webkit
  10. ^ Bug 3409 - CSS1: Safari ignores "text-transform" attribute in "first-line" CSS rules, Webkit
  11. ^ Bug 23209 - [RFE] CSS Generated Content does not transition, Webkit
  12. ^ Bug 27578 - Drop the prefix from the border-radius properties, Webkit
  13. ^ Bug 51448 - Support unprefixed box-shadow property, WebKit
  14. ^ Bug 27576 - [CSS3 Backgrounds and Borders] Implement box-decoration-break, WebKit
  15. ^ Bug 3234 - CSS2: Implement better quote support (for the q tag), Webkit
  16. ^ Bug 27562 - Drop the prefixes from background-clip and background-origin, WebKit
  17. ^ [CSS3 Backgrounds and Borders] Drop the prefix from background-size, WebKit
  18. ^ Bug 15257 - Support CSS 3 font-size-adjust, Webkit
  19. ^ Bug 12530 - CSS3: Support the font-stretch property, Webkit
  20. ^ Bug 63796 - Master: Support CSS3 font feature properties, Webkit
  21. ^ Bug 76173 - CSS3: text-align-last on webkit, Webkit
  22. ^ Bug 18109 - Implement hanging punctuation, Webkit
  23. ^ Bug 58491 - [css3-text] Support text-decoration-* properties from CSS3 Text, Webkit
  24. ^ Bug 46123 - Implement writing-mode support for all of layout (master bug), WebKit
  25. ^ Bug 36713 - Support box-sizing without the vendor prefix, WebKit
  26. ^ Bug 10894 - CSS "size" property is not supported, Webkit
  27. ^ Bug 46827 - AX: implement CSS3 Speech "speak", WebKit
  28. ^ Bug 15552 - Support CSS3 column-break-before and column-break-after, WebKit
  29. ^ Bug 39498 - [CSS3 Multi-column] Floating elements are rendered below the columns, WebKit
  30. ^ Bug 15550 - WebKit does not support CSS3 column-span, Webkit
  31. ^ Bug 60731 - Implement CSS3 Grid Layout (master bug), Webkit
  32. ^ flex - CSS, MDN
  33. ^ filter - CSS, MDN
  34. ^ Bug 25016 - max-width and max-height are not overriding the width and height properties when 'display' set to 'table', Webkit
  35. ^ Bug 8735 - CSS 2.1 visibility: collapse rendered as visibility: hidden, Webkit
  36. ^ Bug 16662 - CSS3: Implement calc(), Webkit
  37. ^ Can I use Viewport units, Can I Use
  38. ^ filter - CSS, MDN
매우 빠르게
  1. ^ An introduction to meta viewport and @viewport, dev.Opera
  2. ^ Storey, David (2010-11-23). "First browser to 11 (unless Chrome gets there first)". Opera. Archived from the original on 2010-12-08. Retrieved 2010-11-23.
  3. ^ Haavard (2010-08-09), New 10.70 snapshot with more Presto updates, Opera, archived from the original on 2010-08-19
  4. ^ Haavard (2010-08-03), Presto update for Opera 10.70, Opera, archived from the original on 2010-08-06
  5. ^ "CSS Multi-column Layout Module support in Opera Presto 2.8". Opera. 2011-03-06. Retrieved 2011-03-06.
  6. ^ Koch, Peter-Paul, before/:after and content, Quirksmode
  7. ^ Lawson, Bruce (2011-12-06). "Hello Opera 11.60!". Opera. Archived from the original on 2012-01-08. Retrieved 2012-05-05.
  8. ^ Quantization error for em values in Opera 7–9.2, archived from the original on 2008-03-21