πŸ’» FE/πŸ“ HTML & CSS

[ HTML / CSS ] κ³΅μš©ν‚€μ›Œλ“œ inherit, initial, unset

Roy Miller 2023. 12. 12. 13:43

 

 

λ‹€μŒμ€ μ†μ„±μ˜ "κ°’"으둜 μ“°μ΄λŠ” κ²ƒλ“€μž„. 

 

기본적으둜 상속이 λ˜μ§€ μ•ŠλŠ” 속성듀 : backgound-color, backgound-image, background-repeat, border, display λ“±

주둜 λ°•μŠ€λͺ¨λΈκ³Ό 관련됨. μžμ—°μŠ€λŸ½κ²Œ 상속이 λ˜λŠ” 것듀은 λŒ€μ²΄μ μœΌλ‘œ ν…μŠ€νŠΈμ™€ 관련이 있음. 

 

상속 inherit : ν•˜μœ„ μš”μ†Œκ°€ μƒμœ„ μš”μ†Œμ˜ μŠ€νƒ€μΌ 속성값을 λ¬Όλ €λ°›κ² λ‹€λŠ” 것을 μ˜λ―Έν•¨. 

λΆ€λͺ¨ μš”μ†Œκ°€ 포함(containing) 블둝이 μ•„λ‹ˆλ”λΌλ„, 항상 λ¬Έμ„œ 트리 λ‚΄ λΆ€λͺ¨ μš”μ†Œλ‘œλΆ€ν„° μƒμ†λ°›κ²Œ 됨.

μ΄ˆκΉƒκ°’ initial : μ†μ„±μ˜ μ΄ˆκΉƒκ°’μ„ μš”μ†Œμ— μ μš©μ‹œν‚΄. 

unset : λΆ€λͺ¨λ‘œλΆ€ν„° 상속할 수 μžˆλŠ” 값이 있으면 상속값을, μ—†μœΌλ©΄ μ΄ˆκΉƒκ°’μ„ μ μš©μ‹œν‚΄.