program story

CSS 공급 업체 접두사 목록?

inputbox 2020. 11. 15. 11:17
반응형

CSS 공급 업체 접두사 목록?


다음 목록 외에도 웹 개발에 중요한 다른 CSS 공급 업체 접두사가 있습니까? 내 정의가 정확합니까? 모바일 브라우저 (예 : 모바일 Webkit)에 대해 더 구체적으로 설명해야합니까?

  • -khtml-(Konqueror, 정말 오래된 Safari)
  • -moz- (Firefox)
  • -o- (오페라)
  • -ms- (인터넷 익스플로러)
  • -webkit- (Safari, Chrome)

합니까 이 목록을 (또한 포함하는 mso-, -wap-그리고 -atsc-가치의 추가 아무것도)?


내가 아는 것들은 다음과 같습니다.

  • -ms- 마이크로 소프트
  • mso- 마이크로 소프트 오피스
  • -moz- Mozilla Foundation (Gecko 기반 브라우저)
  • -o-, -xv-Opera 소프트웨어
  • -atsc- 고급 텔레비전 표준위원회
  • -wap- WAP 포럼
  • -webkit- Safari, Chrome (및 기타 WebKit 기반 브라우저)
  • -khtml-, -konq-Konqueror 브라우저
  • -apple- Webkit은 -apple- 접두사를 사용하는 속성도 지원합니다.
  • prince- YesLogic
  • -ah- 안테나 하우스
  • -hp- 휴렛 패커드의
  • -ro- 실제 개체
  • -rim- 리서치 인 모션
  • -tc- 키가 큰 부품

이들은 공식적으로 CSS 2.1 사양, 정보 섹션 4.1.2.2에 나열되어 있습니다.


웹 개발의 직접적인 컨텍스트는 아니지만 JavaFX는 CSS 사용에도 공급 업체 접두사를 사용 -fx-합니다..


제안 사항입니다. CSS 전환을 접두사로 추가 column-count: 3;하려는 경우 모든 주요 브라우저에 대한 지원을 원하고 여기에 답변에 언급 된 모든 접두사를 속성에 접두사로 추가하면 더 좋고 최적의 방법이됩니다. 이 작업을 수행하는 도구를 사용하십시오.

pleeease.io 와 같은 온라인 테이크사용 하여 변환을 수행 할 수 있습니다.

입력

a {
  column-count: 3;
  column-gap: 10px;
  column-fill: auto;
}

산출

a {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-column-fill: auto;
     -moz-column-fill: auto;
          column-fill: auto;
}

참고URL : https://stackoverflow.com/questions/5411026/list-of-css-vendor-prefixes

반응형