new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Tailwind CSS v4 · all subjects

utilities/list-style-image

5 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

list-image-[<value>] utility class

The list-image-[<value>] utility class applies the CSS list-style-image property with an arbitrary value. This is used to set custom marker images for list items.

list-image-(<custom-property>) utility class

The list-image-(<custom-property>) utility class applies list-style-image using a CSS variable. It is shorthand for list-image-[var(<custom-property>)] and automatically adds the var() function.

list-image-none utility class

The list-image-none utility class applies list-style-image: none, removing any existing marker image from list items.

list-style-image utilities in Tailwind CSS v4

Tailwind CSS v4 provides list-style-image utilities with three main patterns: list-image-[<value>] for arbitrary values, list-image-(<custom-property>) for CSS variable references, and list-image-none for removing marker images. These utilities are responsive and can be prefixed with breakpoint modifiers.

list-image example with URL

The list-image-[url(/img/checkmark.png)] utility applies a checkmark image as the list marker. It supports data URIs and file paths as values within the bracket notation.

Give your agent this brain