Programing

상속되는 CSS 속성은 무엇입니까?

lottogame 2020. 12. 12. 09:58
반응형

상속되는 CSS 속성은 무엇입니까?


일부 속성은 CSS에서 상속되고 일부는 상속되지 않는 것으로 나타났습니다. 예를 들어, text-size 속성은 상속되지만 패딩과 여백은 자식 블록에 상속되지 않습니다. 그렇다면 어떤 속성이 상속되고 어떤 속성이 아닌지 알아내는 방법은 무엇입니까?


다음은 상속 가능한 모든 속성 목록입니다. 내가 함께 일하고 있어요 W3C의 정보를 내가 추측 것, 그래서 해야 정확합니다. 그러나 웹 브라우저 (IE)를 알면 다음 중 일부는 모든 브라우저에서 상속되지 않을 수 있습니다.

  1. azimuth
  2. border-collapse
  3. border-spacing
  4. caption-side
  5. color
  6. cursor
  7. direction
  8. elevation
  9. empty-cells
  10. font-family
  11. font-size
  12. font-style
  13. font-variant
  14. font-weight
  15. font
  16. letter-spacing
  17. line-height
  18. list-style-image
  19. list-style-position
  20. list-style-type
  21. list-style
  22. orphans
  23. pitch-range
  24. pitch
  25. quotes
  26. richness
  27. speak-header
  28. speak-numeral
  29. speak-punctuation
  30. speak
  31. speech-rate
  32. stress
  33. text-align
  34. text-indent
  35. text-transform
  36. visibility
  37. voice-family
  38. volume
  39. white-space
  40. widows
  41. word-spacing

블렌더와 Shaz의 목록은 모두 상속 된 모든 CSS 2.1 속성을 열거합니다 azimuth. 다음은 이제 CSS3 속성을 포함하여 청각 지향 속성이없는 목록입니다.

  1. border-collapse
  2. border-spacing
  3. caption-side
  4. color
  5. cursor
  6. direction
  7. empty-cells
  8. font-family
  9. font-size
  10. font-style
  11. font-variant
  12. font-weight
  13. font-size-adjust
  14. font-stretch
  15. font
  16. letter-spacing
  17. line-height
  18. list-style-image
  19. list-style-position
  20. list-style-type
  21. list-style
  22. orphans
  23. quotes
  24. tab-size
  25. text-align
  26. text-align-last
  27. text-decoration-color
  28. text-indent
  29. text-justify
  30. text-shadow
  31. text-transform
  32. visibility
  33. white-space
  34. widows
  35. word-break
  36. word-spacing
  37. 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:

  1. azimuth
  2. :active
  3. background
  4. border-collapse
  5. border-spacing
  6. border-width
  7. caption-side
  8. color
  9. cursor
  10. direction
  11. elevation
  12. empty-cells
  13. font
  14. @font-face
  15. font-family
  16. font-size
  17. font-size-adjust
  18. font-stretch
  19. font-style
  20. font-variant
  21. font-weight
  22. font
  23. :focus
  24. :first-child
  25. ::first-letter
  26. ::first-line
  27. :hover
  28. :lang
  29. letter-spacing
  30. line-height
  31. list-style-image
  32. list-style-position
  33. list-style-type
  34. list-style
  35. orphans
  36. opacity
  37. page
  38. pitch-range
  39. pitch
  40. quotes
  41. richness
  42. speak-header
  43. speak-numeral
  44. speak-punctuation
  45. speak
  46. speech-rate
  47. stress
  48. text-align
  49. text-indent
  50. text-transform
  51. text-size-adjust
  52. visibility
  53. :visited
  54. voice-family
  55. volume
  56. white-space
  57. widows
  58. word-spacing

참고URL : https://stackoverflow.com/questions/5612302/which-css-properties-are-inherited

반응형