After

Syntax

Class
Properties
{...}after:{...}
{...}:after{...} { content: '';
}
<div class="t1 after:block after:h-4 after:bg-c-gray-800 after:rounded-full"> I'm underlined </div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Add a horizontal line at the bottom within the element.
t1 after:bb-1 after:block
.t1.after\:block:after { display: block; content: ""; } .t1.after\:bb-1:after { border-bottom-width: 1px; content: ""; }