반응형

inherit 2

[CSS] 부모 객체의 색상을 그대로 사용하는 color:inherit; 속성값

CSS를 사용하다보면, 윈도우 객체의 Transparent color(투명컬러)와 같이 부모의 색상을 받고 싶을때가 있습니다. CSS에서 "color: inherit;" 을 이용하면, 해당 객체의 부모의 색상을 사용하기에 투명한 느낌처럼 사용이 가능합니다. /* Make second-level headers green */ h2 { color: green; } /* ...but leave those in the sidebar alone so they use their parent's color */ #sidebar h2 { color: inherit; } 참고: (1) https://stackoverflow.com/questions/6722467/how-to-remove-the-default-link-c..

Web/WEB기본 2019.10.03

[CSS] CSS 속성 inherit 상속받기

inherit 속성값 inherit은 영어단어 그대로 상속받는겁니다. 상위 객체의 값을 그대로 물려받아 적용하는 겁니다. 가령 HTML:홈으로 메뉴를 클릭하세요. 게시판으로 가기 CSS:a { color: blue; } div { color: orange; } div a { color: inherit; } 이렇게 한다면 [홈으로]링크는 당연히 파랑색으로 나올겁니다. 그리고 [메뉴를 클릭하세요.]라는 p태그는 주황색으로 나오겠죠. [게시판으로 가기]링크는 상위 객체인 div의 color을 물려받아서(inherit) 주황색으로 나오게됩니다. inherit은 그렇게 유용하게 느껴지진 않습니다-_- 다만, div의 색상을 따라가게되니까 코드중 한부분만 수정하면 inherit에 의해 값을 물려받게 됩니다. 물론,..

Web/WEB기본 2013.10.23
1
반응형