목차
all 예제 - 해당요소와 그 부모요소의 모든 속성 일괄 지정 all 정의 all 구문
all 예제 - 해당요소와 그 부모요소의 모든 속성 일괄 지정
<style>
body {font-size:30px; color:green;}
#hz {
font-size: 20px;
color: blue;
}
#hz1 {
background-color: yellow;
color: red;
}
#hz2 {
background-color: yellow;
color: red;
all: inherit;
}
#hz3 {
background-color: yellow;
color: red;
all: initial;
}
#hz4 {
background-color: yellow;
color: red;
all: unset;
}
</style>
<div id="hz">
<p>all 없는 경우</p>
<div id="hz1">홈짱닷컴 Homzzang.com</div>
<p>all: inherit:</p>
<div id="hz2">홈짱닷컴 Homzzang.com</div>
<p>all: initial:</p>
<div id="hz3">홈짱닷컴 Homzzang.com</div>
<p>all: unset:</p>
<div id="hz4">홈짱닷컴 Homzzang.com</div>
</div>
결과보기
all 정의
해당요소 또는 그 부모요소에 적용된 속성들의 값을 초기값이나 그 부모값으로 일괄 지정. (단, unicode-bidi / direction / CSS 커스텀 속성들은 적용 제외)
1.
기본값: none
상속여부: X
애니가능: X
CSS버전: CSS3
JS구문: object .style.all="initial"
2.
주요 최신 브라우저 모두 지원.
3. MDN all 예제 보기
https://developer.mozilla.org/en-US/docs/Web/CSS/all
all 구문
selector {all: initial|inherit|unset;}
[속성값]
initial
해당요소 또는 그 부모요소에 적용된 모든 속성의 값을 초기값으로 지정.
inherit
해당요소 또는 그 부모요소에 적용된 모든 속성의 값을 부모값으로 지정.
unset
해당요소 또는 그 부모요소에 적용된 모든 속성의 값을 (상속할 부모값 존재하면 부모값으로 / 상속할 부모값 존재 안 하면 초기값으로) 지정.
