CSS의 모든 속성을 사용하는 방법은 무엇입니까?-CSS 튜토리얼-php.cn

CSS의 모든 속성을 사용하는 방법은 무엇입니까?

青灯夜游

풀어 주다： 2019-05-25 15:26:29

원래의

3368명이 탐색했습니다.

all 속성은 unicode-bidi 및 방향을 제외한 모든 속성을 초기 값 또는 상위 요소에서 상속된 값으로 재설정하는 데 사용됩니다.

CSS의 모든 속성을 사용하는 방법은 무엇입니까?

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>

로그인 후 복사

렌더링:

CSS의 모든 속성을 사용하는 방법은 무엇입니까?