all
CSS all
단축 속성은 요소의 unicode-bidi
, direction
, CSS 사용자 지정 속성을 제외한 모든 속성을 초기화합니다. 초깃값, 상속값, 아니면 다른 스타일시트 출처의 값으로 설정할 수 있습니다.
시도해보기
구문
/* 전역 값 */
all: initial;
all: inherit;
all: unset;
/* CSS Cascading and Inheritance Level 4 */
all: revert;
all
속성은 CSS 전역 키워드 값 중 하나를 사용해 지정합니다. 그러나 어느것도 unicode-bidi
와 direction
속성에는 영향을 주지 않는 점을 주의하세요.
값
형식 정의
초기값 | There is no practical initial value for it. |
---|---|
적용대상 | all elements |
상속 | no |
계산 값 | as the specified value applies to each property this is a shorthand for. |
Animation type | as each of the properties of the shorthand (all properties but unicode-bidi and direction ) |
형식 구문
예제
HTML
<blockquote id="quote">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</blockquote>
Phasellus eget velit sagittis.
CSS
body {
font-size: small;
background-color: #f0f0f0;
color: blue;
}
blockquote {
background-color: skyblue;
color: red;
}
결과
all
속성 없음
The <blockquote>
가 브라우저 기본 스타일과 함께, 지정한 배경 및 텍스트 색상을 사용합니다. 또한 블록 요소로 동작하여 뒤의 텍스트가 아래에 위치합니다.
all:unset
<blockquote>
가 브라우저 기본 스타일을 사용하지 않습니다. 이제 인라인 요소(초깃값)이며, background-color
가 transparent
(초깃값)입니다. 그러나 font-size
는 여전히 small
(상속값)이고 color
도 blue
(상속값)입니다.
all:initial
<blockquote>
가 브라우저 기본 스타일을 사용하지 않습니다. 이제 인라인 요소(초깃값)이며, background-color
가 transparent
(초깃값)이고, font-size
는 normal
(초깃값), color
는 black
(초깃값)입니다.
all:inherit
<blockquote>
가 브라우저 기본 스타일을 사용하지 않습니다. 블록 요소(부모 <body>
에서 상속)이고, background-color
은 #F0F0F0
(상속값), font-size
는 small
(상속값), color
는 blue
(상속값)입니다.
명세
Specification |
---|
CSS Cascading and Inheritance Level 4 # all-shorthand |
브라우저 호환성
BCD tables only load in the browser