> 웹 프론트엔드 > 프런트엔드 Q&A > CSS3에서 -webkit은 무엇을 의미합니까?

CSS3에서 -webkit은 무엇을 의미합니까?

WBOY
풀어 주다: 2022-03-22 10:40:12
원래의
15862명이 탐색했습니다.

CSS3에서 "-webkit"은 웹킷이 커널 브라우저의 비공개 속성임을 의미합니다. 다른 브라우저에서는 CSS3의 새로운 속성을 구문 분석하기 위해 다른 커널 이름이 지정되며 접두사는 "-webkit-" 속성입니다. webkit을 핵심으로 하는 브라우저에서 정상적으로 사용할 수 있습니다.

CSS3에서 -webkit은 무엇을 의미합니까?

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

css3에서 -webkit은 무엇을 의미합니까?

"-webkit-" 접두사가 붙은 속성은 웹킷을 핵심으로 하는 브라우저에서 일반적으로 사용할 수 있습니다.

-webkit은 종종 Chrome 및 Safari 개인 속성을 나타내는 데 사용됩니다.

다양한 경우 브라우저는 이러한 새로운 속성을 구문 분석할 수 있도록 커널 이름을 규정합니다.

box-reduis, box-orient, text-overflow 등과 같은 일부 새로운 속성이 CSS3에 추가되었으며 이러한 속성은 이전에는 사용되지 않았습니다. 버전이 존재하지 않거나 지원되지 않으므로 다양한 브라우저의 경우 이러한 새 속성을 구문 분석할 수 있도록 커널 이름이 지정됩니다.

이것은 합리적인 설명인 것 같습니다. 즉, -moz-는 Firefox용이고 -webkit-은 Safari 및 Chrome용입니다.

  • -moz는 Firefox 브라우저 개인 속성을 나타내고,

  • -ms는 IE 브라우저 개인 속성을 나타내고,

  • -webkit은 chrome 및 safari 개인 속성을 나타냅니다.

  • 확장 정보:

  • 일반적인 비공개 속성은 Chrome 브라우저를 예로 사용합니다

:: 전면이 빈 코드 전역이고 앞에 요소의 CSS 선택기가 있는 경우 element

1. 입력 상자

::-webkit-input-placeholder {}
로그인 후 복사
//阻止input出现黄色背景
input:-webkit-autofill {
    background-color: #fff !important;
    -webkit-box-shadow: inset 0 0 0 1000px white !important;
}
로그인 후 복사

입력 옆의 화살표를 지웁니다.[type=”number”]

input::-webkit-inner-spin-button { -webkit-appearance: none; }
로그인 후 복사

2. 텍스트 선택 비활성화

* {
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
로그인 후 복사

(동영상 공유 학습:

css 동영상 튜토리얼

)

위 내용은 CSS3에서 -webkit은 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
css
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿