Sublime Text
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> #a{ border:1px solid black; padding:30px; height:100px; } #b{ background-color:pink; background-clip:content-box; border:10px solid blue; padding:50px; height:inherit; } </style> </head> <body> <p>- Thuộc tính height của phần tử <u>#b</u> có giá trị là <u>inherit</u></p> <p>⇨ Nó sẽ kế thừa giá trị thuộc tính height từ cha của nó là <u>#a</u></p> <p>⇨ Cho nên giá trị thật sự của nó sẽ tương ứng với <u>100px</u></p> <div id="a"> <div id="b">LẬP TRÌNH WEB</div> </div> </body> </html>
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> #a{ border:1px solid black; padding:30px; height:100px; } #b{ background-color:pink; background-clip:content-box; border:10px solid blue; padding:50px; height:inherit; } </style> </head> <body> <p>- Thuộc tính height của phần tử <u>#b</u> có giá trị là <u>inherit</u></p> <p>⇨ Nó sẽ kế thừa giá trị thuộc tính height từ cha của nó là <u>#a</u></p> <p>⇨ Cho nên giá trị thật sự của nó sẽ tương ứng với <u>100px</u></p> <div id="a"> <div id="b">LẬP TRÌNH WEB</div> </div> </body> </html>