Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>Example</title> <style> body { font-family: sans-serif; padding: 10px; line-height: 2.2; } .demo p { margin: 8px 0; font-size: 16px; } .crimson { text-emphasis: filled circle; text-emphasis-color: #dc2626; } .teal { text-emphasis: filled sesame; text-emphasis-color: #0d9488; } .violet { text-emphasis: open dot; text-emphasis-color: #7c3aed; } .current-color { color: #d97706; text-emphasis: filled triangle; text-emphasis-color: currentColor; } </style> <div class="demo"> <p class="crimson">Crimson circle emphasis marks on this text.</p> <p class="teal">Teal sesame emphasis marks on this text.</p> <p class="violet">Violet open-dot emphasis marks on this text.</p> <p class="current-color">Emphasis marks inherit the text color via currentColor.</p> </div>
