상속되는 CSS 속성은 무엇입니까?
일부 속성은 CSS에서 상속되고 일부는 상속되지 않는 것으로 나타났습니다. 예를 들어, text-size 속성은 상속되지만 패딩과 여백은 자식 블록에 상속되지 않습니다. 그렇다면 어떤 속성이 상속되고 어떤 속성이 아닌지 알아내는 방법은 무엇입니까?
다음은 상속 가능한 모든 속성 목록입니다. 내가 함께 일하고 있어요 W3C의 정보를 내가 추측 것, 그래서 해야 정확합니다. 그러나 웹 브라우저 (IE)를 알면 다음 중 일부는 모든 브라우저에서 상속되지 않을 수 있습니다.
azimuth
border-collapse
border-spacing
caption-side
color
cursor
direction
elevation
empty-cells
font-family
font-size
font-style
font-variant
font-weight
font
letter-spacing
line-height
list-style-image
list-style-position
list-style-type
list-style
orphans
pitch-range
pitch
quotes
richness
speak-header
speak-numeral
speak-punctuation
speak
speech-rate
stress
text-align
text-indent
text-transform
visibility
voice-family
volume
white-space
widows
word-spacing
블렌더와 Shaz의 목록은 모두 상속 된 모든 CSS 2.1 속성을 열거합니다 azimuth
. 다음은 이제 CSS3 속성을 포함하여 청각 지향 속성이없는 목록입니다.
border-collapse
border-spacing
caption-side
color
cursor
direction
empty-cells
font-family
font-size
font-style
font-variant
font-weight
font-size-adjust
font-stretch
font
letter-spacing
line-height
list-style-image
list-style-position
list-style-type
list-style
orphans
quotes
tab-size
text-align
text-align-last
text-decoration-color
text-indent
text-justify
text-shadow
text-transform
visibility
white-space
widows
word-break
word-spacing
word-wrap
- 방위각
- 국경 붕괴
- 테두리 간격
- 캡션 쪽
- 색깔
- 커서
- 방향
- 높이
- 빈 셀
- 글꼴 모음 글꼴 크기
- 글꼴 스타일
- 글꼴 변형
- 글꼴 두께
- 폰트
- 문자 간격
- 줄 높이
- 목록 스타일 이미지
- 목록 스타일 위치
- 목록 스타일 유형
- 목록 스타일
- 고아
- 피치 범위
- 피치 인용문
- 풍요
- 발언자
- 말하는 숫자
- 구두점
- 말하다
- 말하기 속도
- 스트레스
- 텍스트 정렬
- 텍스트 들여 쓰기
- 텍스트 변환
- 시계
- 성우 가족
- 음량
- 공백
- 과부
- 단어 간격
이 질문과 비슷한 질문에 답할 수있는 가장 좋은 참조 페이지 (어떤 CSS 속성이 상속되지 않는지)는 다음과 같습니다.
https://www.w3.org/TR/CSS21/propidx.html
"상 속됨"(또는 아님)에 대한 열이 있습니다.
The page says "Several Sections of this specification have been updated". But I can't find a more up-to-date version of this anywhere, listing all CSS properties in a single concise table. But this table I think is great, just what I was looking for. Answers also the question of what are the possible values for each CSS-property, and the initial (= default) value.
If you want to see all inherited or non-inherited properties grouped together you could copy the text from the web-page and insert it into Excel etc. then sort it based on the column "Inherited?". It works I tried it.
Full list incl. CSS3:
azimuth
:active
background
border-collapse
border-spacing
border-width
caption-side
color
cursor
direction
elevation
empty-cells
font
@font-face
font-family
font-size
font-size-adjust
font-stretch
font-style
font-variant
font-weight
font
:focus
:first-child
::first-letter
::first-line
:hover
:lang
letter-spacing
line-height
list-style-image
list-style-position
list-style-type
list-style
orphans
opacity
page
pitch-range
pitch
quotes
richness
speak-header
speak-numeral
speak-punctuation
speak
speech-rate
stress
text-align
text-indent
text-transform
text-size-adjust
visibility
:visited
voice-family
volume
white-space
widows
word-spacing
참고URL : https://stackoverflow.com/questions/5612302/which-css-properties-are-inherited
'Programing' 카테고리의 다른 글
이것은 (0) | 2020.12.12 |
---|---|
Aptana Studio 3에서 jQuery 지원을 활성화하는 방법 (0) | 2020.12.12 |
스크롤 이벤트가 너무 많이 발생합니다. (0) | 2020.12.12 |
Spring에서 예약 된 작업을 조건부로 활성화 또는 비활성화하는 방법은 무엇입니까? (0) | 2020.12.12 |
부모 활동을 동적으로 설정 (0) | 2020.12.12 |