CSS의 모든 속성을 사용하는 방법은 무엇입니까?
- 青灯夜游원래의
- 2019-02-15 14:38:473375검색
all 속성은 unicode-bidi 및 방향을 제외한 모든 속성을 초기 값 또는 상위 요소에서 상속된 값으로 재설정하는 데 사용됩니다.
CSS all 속성
all 속성은 실제로 모든 CSS 속성의 약어입니다. 즉, 모든 CSS 속성은 이와 같지만 unicode-bidi와 2개의 CSS 속성을 포함하지 않습니다. 방향.
기능: all 속성은 unicode-bidi 및 방향을 제외한 모든 속성을 재설정합니다.
구문:
all: initial|inherit|unset;
initial: 요소 또는 요소의 부모에 적용된 모든 속성을 초기 값으로 변경합니다.
inherit: 요소 또는 요소의 상위에 적용된 모든 속성을 상위 값으로 변경합니다.
unset: 요소 또는 요소의 상위에 적용된 모든 속성을 상위 값으로 변경하거나(상속 가능한 경우) 초기 값으로 변경합니다. 상속할 수 없는 경우 값.
참고: Internet Explorer 및 Safari 브라우저는 all 속성을 지원하지 않습니다.
CSS all 속성 사용 예
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
html {
font-size: small;
color: blue;
}
p{
font-size: 20px;
color: #000;
}
#ex1 {
background-color: yellow;
color: red;
}
#ex2 {
background-color: yellow;
color: red;
all: inherit;
}
#ex3 {
background-color: yellow;
color: red;
all: initial;
}
#ex4 {
background-color: yellow;
color: red;
all: unset;
}
</style>
</head>
<body>
<p>没有设置all 属性:</p>
<div id="ex1">PHP中文网！！！</div>
<p>all: inherit:</p>
<div id="ex2">PHP中文网！！！</div>
<p>all: initial:</p>
<div id="ex3">PHP中文网！！！</div>
<p>all: unset:</p>
<div id="ex4">PHP中文网！！！</div>
</body>
</html>렌더링:
이 기사에 대한 참조: https://www.html.cn/book/css/properties/all.htm
위 내용은 CSS의 모든 속성을 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：명확한 속성을 사용하는 방법다음 기사：명확한 속성을 사용하는 방법