Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> body { font-size: 15px; color: #1c87c9; } .example1 { background-color: #8ebf42; color: #666; } .example2 { background-color: #8ebf42; color: #666; all: inherit; } .example3 { background-color: #8ebf42; color: #666; all: initial; } .example4 { background-color: #8ebf42; color: #666; all: unset; } </style> </head> <body> <h2>All property example</h2> <hr> <p>No all property:</p> <div class="example1"> An extrovert is a friendly person who enjoys talking to and being with other people. Extroverts love parties, talking on the phone, and meeting new people. </div> <hr> <p>all: inherit:</p> <div class="example2"> An extrovert is a friendly person who enjoys talking to and being with other people. Extroverts love parties, talking on the phone, and meeting new people. </div> <hr> <p>all: initial:</p> <div class="example3"> An extrovert is a friendly person who enjoys talking to and being with other people. Extroverts love parties, talking on the phone, and meeting new people. </div> <hr> <p>all: unset:</p> <div class="example4"> An extrovert is a friendly person who enjoys talking to and being with other people. Extroverts love parties, talking on the phone, and meeting new people. </div> <hr> </body> </html>