Sublime Text
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> body{ border-radius:50%; } div{ border:1px solid black; background-color:violet; width:400px; height:200px; border-radius:inherit; } </style> </head> <body> <div></div> <p>- Thuộc tính border-radius 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 border-radius 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>50%</u></p> </body> </html>
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> body{ border-radius:50%; } div{ border:1px solid black; background-color:violet; width:400px; height:200px; border-radius:inherit; } </style> </head> <body> <div></div> <p>- Thuộc tính border-radius 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 border-radius 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>50%</u></p> </body> </html>