Sublime Text
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> body{ padding:15px; box-shadow:5px 5px 7px red; } div{ width:300px; height:200px; background-color:#73ad21; box-shadow:inherit; } </style> </head> <body> <div></div> <p>- Thuộc tính box-shadow của phần tử <u><div></u> có giá trị là <u>inherit</u></p> <p>⇨ Nó sẽ kế thừa giá trị thuộc tính box-shadow từ phần tử cha của nó là <u><body></u></p> <p>⇨ Cho nên giá trị thật sự của nó sẽ tương ứng với <u>5px 5px 7px red</u></p> </body> </html>
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> body{ padding:15px; box-shadow:5px 5px 7px red; } div{ width:300px; height:200px; background-color:#73ad21; box-shadow:inherit; } </style> </head> <body> <div></div> <p>- Thuộc tính box-shadow của phần tử <u><div></u> có giá trị là <u>inherit</u></p> <p>⇨ Nó sẽ kế thừa giá trị thuộc tính box-shadow từ phần tử cha của nó là <u><body></u></p> <p>⇨ Cho nên giá trị thật sự của nó sẽ tương ứng với <u>5px 5px 7px red</u></p> </body> </html>