Sublime Text
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style> #a{ border:10px solid blue; padding:50px; } #b{ border:3px solid red; padding:inherit; } </style> </head> <body> <div id="a"> <div id="b">TÀI LIỆU HỌC LẬP TRÌNH WEB</div> </div> <p>- Thuộc tính padding 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 padding từ phần 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>50px</u></p> </body> </html>
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style> #a{ border:10px solid blue; padding:50px; } #b{ border:3px solid red; padding:inherit; } </style> </head> <body> <div id="a"> <div id="b">TÀI LIỆU HỌC LẬP TRÌNH WEB</div> </div> <p>- Thuộc tính padding 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 padding từ phần 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>50px</u></p> </body> </html>