Sublime Text
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> #a{ border:1px solid black; padding:30px; width:200px; } #b{ background-color:pink; background-clip:content-box; border:10px solid blue; padding:50px; width:inherit; } </style> </head> <body> <div id="a"> <div id="b">LẬP TRÌNH WEB</div> </div> <p>- Thuộc tính width 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 width 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>200px</u></p> </body> </html>
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> #a{ border:1px solid black; padding:30px; width:200px; } #b{ background-color:pink; background-clip:content-box; border:10px solid blue; padding:50px; width:inherit; } </style> </head> <body> <div id="a"> <div id="b">LẬP TRÌNH WEB</div> </div> <p>- Thuộc tính width 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 width 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>200px</u></p> </body> </html>