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 · Utilities reference · all subjects

border-spacing

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

border-spacing utility class syntax

The border-spacing utility has the following variants: border-spacing-<number> sets border-spacing to calc(var(--spacing) * <number>); border-spacing-px sets border-spacing to 1px; border-spacing-(<custom-property>) sets border-spacing to var(<custom-property>); border-spacing-[<value>] sets border-spacing to <value>.

border-spacing-x and border-spacing-y axis variants

The border-spacing utility supports x and y axis variants. border-spacing-x-<number> sets border-spacing to calc(var(--spacing) * <number>) var(--tw-border-spacing-y). border-spacing-x-px sets border-spacing to 1px var(--tw-border-spacing-y). border-spacing-x-(<custom-property>) sets border-spacing to var(<custom-property>) var(--tw-border-spacing-y). border-spacing-x-[<value>] sets border-spacing to <value> var(--tw-border-spacing-y). border-spacing-y-<number> sets border-spacing to var(--tw-border-spacing-x) calc(var(--spacing) * <number>). border-spacing-y-px sets border-spacing to var(--tw-border-spacing-x) 1px. border-spacing-y-(<custom-property>) sets border-spacing to var(--tw-border-spacing-x) var(<custom-property>). border-spacing-y-[<value>] sets border-spacing to var(--tw-border-spacing-x) <value>.

border-spacing basic example with border-spacing-2

The border-spacing-2 utility is used on a table element with border-separate to control spacing between table cell borders. Example HTML: <table class="border-separate border-spacing-2 border border-gray-400 dark:border-gray-500"><thead><tr><th class="border border-gray-300 dark:border-gray-600">State</th><th class="border border-gray-300 dark:border-gray-600">City</th></tr></thead><tbody><tr><td class="border border-gray-300 dark:border-gray-700">Indiana</td><td class="border border-gray-300 dark:border-gray-700">Indianapolis</td></tr></tbody></table>

border-spacing with custom value using square bracket notation

The border-spacing utility supports custom values using square bracket notation, such as border-spacing-[7px] to apply border-spacing: 7px to a table element.

border-spacing is responsive

The border-spacing utility supports responsive design variants. Default class border-spacing-2 can be changed to border-spacing-4 at different breakpoints.

border-spacing uses theme spacing scale

The border-spacing utility uses the theme spacing scale for its <number> values, similar to other spacing utilities.

Give your agent this brain