Meta tags:
description= Utilities for controlling the border radius of an element.;
Headings (most frequently used words):
tailwind, border, radius, rounding, separately, using, css, resources, plus, community, examples, customizing, your, theme, getting, started, core, concepts, base, styles, layout, flexbox, grid, spacing, sizing, typography, backgrounds, borders, effects, filters, tables, transitions, animation, transforms, interactivity, svg, accessibility, basic, example, sides, corners, logical, properties, creating, pill, buttons, removing, the, custom, value, responsive, design, on, this, page,
Text of the page (most frequently used words):
radius (437), #border (272), rounded (247), var (191), end (96), start (96), right (77), left (77), bottom (73), top (73), #custom (42), 5rem (42), property (41), value (40), div (40), 4xl (36), 3xl (36), 2xl (36), class (22), the (21), calc (21), infinity (21), 1px (21), 2rem (21), 32px (21), 24px (21), 1rem (21), 16px (21), 75rem (21), 12px (21), 8px (21), 375rem (21), 6px (21), 25rem (21), 4px (21), 125rem (21), 2px (21), none (18), full (18), text (13), size (11), background (10), use (10), and (10), color (10), mask (9), width (8), utilities (8), style (8), font (8), grid (8), theme (7), tailwind (6), using (6), utility (6), scroll (6), align (6), flex (6), documentation (5), your (5), like (5), for (5), element (5), transition (5), position (5), break (5), decoration (5), css (4), logical (4), rounding (4), separately (4), more (4), button (4), save (4), changes (4), styles (4), borders (4), transform (4), origin (4), mode (4), outline (4), content (4), height (4), max (4), min (4), community (3), kit (3), templates (3), plus (3), showcase (3), blog (3), playground (3), customizing (3), responsive (3), design (3), pill (3), buttons (3), properties (3), corners (3), 5xl (3), can (3), variables (3), only (3), apply (3), you (3), direction (3), ltr (3), rtl (3), snap (3), type (3), scrollbar (3), behavior (3), sizing (3), rotate (3), spacing (3), shadow (3), image (3), box (3), overflow (3), wrap (3), line (3), list (3), block (3), inline (3), place (3), self (3), items (3), justify (3), auto (3), columns (3), discord (2), github (2), hero (2), patterns (2), heroicons (2), headless (2), refactoring (2), resources (2), blocks (2), sponsor (2), removing (2), creating (2), sides (2), basic (2), example (2), examples (2), this (2), learn (2), about (2), variants (2), with (2), variant (2), sizes (2), function (2), also (2), syntax (2), set (2), based (2), dir (2), round (2), one (2), side (2), stroke (2), padding (2), margin (2), perspective (2), visibility (2), animation (2), layout (2), sepia (2), saturate (2), opacity (2), invert (2), hue (2), grayscale (2), contrast (2), brightness (2), blur (2), filter (2), repeat (2), clip (2), blend (2), offset (2), rows (2), template (2), object (2), classes (2), trademark, policy, copyright, 2026, labs, inc, quick, reference, page, now, used, markup, rem, customize, project, prefix, breakpoint, medium, screen, above, just, shorthand, that, adds, automatically, 2vw, completely, remove, existing, from, create, control, conditionally, specific, depending, current, modifiers, here, are, all, available, their, physical, equivalents, both, modes, which, map, appropriate, corner, different, show, controlling, forced, adjust, accessibility, fill, svg, will, change, user, select, touch, action, stop, gutter, resize, pointer, events, field, cursor, scheme, caret, appearance, accent, interactivity, zoom, translate, skew, scale, backface, transforms, delay, timing, duration, transitions, caption, table, collapse, tables, backdrop, drop, filters, composite, mix, effects, attachment, backgrounds, hyphens, word, white, space, vertical, tab, indent, underline, thickness, clamp, letter, feature, settings, numeric, stretch, weight, smoothing, family, typography, gap, flow, row, column, order, shrink, grow, basis, flexbox, index, overscroll, fit, isolation, clear, float, display, inside, before, after, aspect, ratio, preflight, base, functions, directives, detecting, source, files, adding, colors, dark, hover, focus, other, states, styling, core, concepts, upgrade, guide, compatibility, editor, setup, installation, getting, started, new, course, components, partners, docs, ctrl,
Text of the page (random words):
d s xs border start start radius var radius xs 0 125rem 2px border end start radius var radius xs 0 125rem 2px rounded s sm border start start radius var radius sm 0 25rem 4px border end start radius var radius sm 0 25rem 4px rounded s md border start start radius var radius md 0 375rem 6px border end start radius var radius md 0 375rem 6px rounded s lg border start start radius var radius lg 0 5rem 8px border end start radius var radius lg 0 5rem 8px rounded s xl border start start radius var radius xl 0 75rem 12px border end start radius var radius xl 0 75rem 12px rounded s 2xl border start start radius var radius 2xl 1rem 16px border end start radius var radius 2xl 1rem 16px rounded s 3xl border start start radius var radius 3xl 1 5rem 24px border end start radius var radius 3xl 1 5rem 24px rounded s 4xl border start start radius var radius 4xl 2rem 32px border end start radius var radius 4xl 2rem 32px rounded s none border start start radius 0 border end start radius 0 rounded s full border start start radius calc infinity 1px border end start radius calc infinity 1px rounded s custom property border start start radius var custom property border end start radius var custom property rounded s value border start start radius value border end start radius value rounded e xs border start end radius var radius xs 0 125rem 2px border end end radius var radius xs 0 125rem 2px rounded e sm border start end radius var radius sm 0 25rem 4px border end end radius var radius sm 0 25rem 4px rounded e md border start end radius var radius md 0 375rem 6px border end end radius var radius md 0 375rem 6px rounded e lg border start end radius var radius lg 0 5rem 8px border end end radius var radius lg 0 5rem 8px rounded e xl border start end radius var radius xl 0 75rem 12px border end end radius var radius xl 0 75rem 12px rounded e 2xl border start end radius var radius 2xl 1rem 16px border end end radius var radius 2xl 1rem 16px rounded e 3xl border start end radius var radius 3xl 1 5rem 24px border end end radius var radius 3xl 1 5rem 24px rounded e 4xl border start end radius var radius 4xl 2rem 32px border end end radius var radius 4xl 2rem 32px rounded e none border start end radius 0 border end end radius 0 rounded e full border start end radius calc infinity 1px border end end radius calc infinity 1px rounded e custom property border start end radius var custom property border end end radius var custom property rounded e value border start end radius value border end end radius value rounded t xs border top left radius var radius xs 0 125rem 2px border top right radius var radius xs 0 125rem 2px rounded t sm border top left radius var radius sm 0 25rem 4px border top right radius var radius sm 0 25rem 4px rounded t md border top left radius var radius md 0 375rem 6px border top right radius var radius md 0 375rem 6px rounded t lg border top left radius var radius lg 0 5rem 8px border top right radius var radius lg 0 5rem 8px rounded t xl border top left radius var radius xl 0 75rem 12px border top right radius var radius xl 0 75rem 12px rounded t 2xl border top left radius var radius 2xl 1rem 16px border top right radius var radius 2xl 1rem 16px rounded t 3xl border top left radius var radius 3xl 1 5rem 24px border top right radius var radius 3xl 1 5rem 24px rounded t 4xl border top left radius var radius 4xl 2rem 32px border top right radius var radius 4xl 2rem 32px rounded t none border top left radius 0 border top right radius 0 rounded t full border top left radius calc infinity 1px border top right radius calc infinity 1px rounded t custom property border top left radius var custom property border top right radius var custom property rounded t value border top left radius value border top right radius value rounded r xs border top right radius var radius xs 0 125rem 2px border bottom right radius var radius xs 0 125rem 2px rounded r sm border top right radius var radius sm 0 25rem 4px border bottom right radius var radius sm 0 25rem 4px rounded r md border top right radius var radius md 0 375rem 6px border bottom right radius var radius md 0 375rem 6px rounded r lg border top right radius var radius lg 0 5rem 8px border bottom right radius var radius lg 0 5rem 8px rounded r xl border top right radius var radius xl 0 75rem 12px border bottom right radius var radius xl 0 75rem 12px rounded r 2xl border top right radius var radius 2xl 1rem 16px border bottom right radius var radius 2xl 1rem 16px rounded r 3xl border top right radius var radius 3xl 1 5rem 24px border bottom right radius var radius 3xl 1 5rem 24px rounded r 4xl border top right radius var radius 4xl 2rem 32px border bottom right radius var radius 4xl 2rem 32px rounded r none border top right radius 0 border bottom right radius 0 rounded r full border top right radius calc infinity 1px border bottom right radius calc infinity 1px rounded r custom property border top right radius var custom property border bottom right radius var custom property rounded r value border top right radius value border bottom right radius value rounded b xs border bottom right radius var radius xs 0 125rem 2px border bottom left radius var radius xs 0 125rem 2px rounded b sm border bottom right radius var radius sm 0 25rem 4px border bottom left radius var radius sm 0 25rem 4px rounded b md border bottom right radius var radius md 0 375rem 6px border bottom left radius var radius md 0 375rem 6px rounded b lg border bottom right radius var radius lg 0 5rem 8px border bottom left radius var radius lg 0 5rem 8px rounded b xl border bottom right radius var radius xl 0 75rem 12px border bottom left radius var radius xl 0 75rem 12px rounded b 2xl border bottom right radius var radius 2xl 1rem 16px border bottom left radius var radius 2xl 1rem 16px rounded b 3xl border bottom right radius var radius 3xl 1 5rem 24px border bottom left radius var radius 3xl 1 5rem 24px rounded b 4xl border bottom right radius var radius 4xl 2rem 32px border bottom left radius var radius 4xl 2rem 32px rounded b none border bottom right radius 0 border bottom left radius 0 rounded b full border bottom right radius calc infinity 1px border bottom left radius calc infinity 1px rounded b custom property border bottom right radius var custom property border bottom left radius var custom property rounded b value border bottom right radius value border bottom left radius value rounded l xs border top left radius var radius xs 0 125rem 2px border bottom left radius var radius xs 0 125rem 2px rounded l sm border top left radius var radius sm 0 25rem 4px border bottom left radius var radius sm 0 25rem 4px rounded l md border top left radius var radius md 0 375rem 6px border bottom left radius var radius md 0 375rem 6px rounded l lg border top left radius var radius lg 0 5rem 8px border bottom left radius var radius lg 0 5rem 8px rounded l xl border top left radius var radius xl 0 75rem 12px border bottom left radius var radius xl 0 75rem 12px rounded l 2xl border top left radius var radius 2xl 1rem 16px border bottom left radius var radius 2xl 1rem 16px rounded l 3xl border top left radius var radius 3xl 1 5rem 24px border bottom left radius var radius 3xl 1 5rem 24px rounded l 4xl border top left radius var radius 4xl 2rem 32px border bottom left radius var radius 4xl 2rem 32px rounded l none border top left radius 0 border bottom left radius 0 rounded l full border top left radius calc infinity 1px border bottom left radius calc infinity 1px rounded l custom property border top left radius var custom property border bottom left radius var custom property rounded l value border top left radius value border bottom left radius value rounded ss xs border start start radius var radius xs 0 125rem 2px rounded ss sm border start start radius var radius sm 0 25rem 4px rounded ss md border start start radius var radius md 0 375rem 6px rounded ss lg border start start radius var radius lg 0 5rem 8px rounded ss xl border start start radius var radius xl 0 75rem 12px rounded ss 2xl border start start radius var radius 2xl 1rem 16px rounded ss 3xl border start start radius var radius 3xl 1 5rem 24px rounded ss 4xl border start start radius var radius 4xl 2rem 32px rounded ss none border start start radius 0 rounded ss full border start start radius calc infinity 1px rounded ss custom property border start start radius var custom property rounded ss value border start start radius value rounded se xs border start end radius var radius xs 0 125rem 2px rounded se sm border start end radius var radius sm 0 25rem 4px rounded se md border start end radius var radius md 0 375rem 6px rounded se lg border start end radius var radius lg 0 5rem 8px rounded se xl border start end radius var radius xl 0 75rem 12px rounded se 2xl border start end radius var radius 2xl 1rem 16px rounded se 3xl border start end radius var radius 3xl 1 5rem 24px rounded se 4xl border start end radius var radius 4xl 2rem 32px rounded se none border start end radius 0 rounded se full border start end radius calc infinity 1px rounded se custom property border start end radius var custom property rounded se value border start end radius value rounded ee xs border end end radius var radius xs 0 125rem 2px rounded ee sm border end end radius var radius sm 0 25rem 4px rounded ee md border end end radius var radius md 0 375rem 6px rounded ee lg border end end radius var radius lg 0 5rem 8px rounded ee xl border end end radius var radius xl 0 75rem 12px rounded ee 2xl border end end radius var radius 2xl 1rem 16px rounded ee 3xl border end end radius var radius 3xl 1 5rem 24px rounded ee 4xl border end end radius var radius 4xl 2rem 32px rounded ee none border end end radius 0 rounded ee full border end end radius calc infinity 1px rounded ee custom property border end end radius var custom property rounded ee value border end end radius value rounded es xs border end start radius var radius xs 0 125rem 2px rounded es sm border end start radius var radius sm 0 25rem 4px rounded es md border end start radius var radius md 0 375rem 6px rounded es lg border end start radius var radius lg 0 5rem 8px rounded es xl border end start radius var radius xl 0 75rem 12px rounded es 2xl border end start radius var radius 2xl 1rem 16px rounded es 3xl border end start radius var radius 3xl 1 5rem 24px rounded es 4xl border end start radius var radius 4xl 2rem 32px rounded es none border end start radius 0 rounded es full border end start radius calc infinity 1px rounded es custom property border end start radius var custom property rounded es value border end start radius value rounded tl xs border top left radius var radius xs 0 125rem 2px rounded tl sm border top left radius var radius sm 0 25rem 4px rounded tl md border top left radius var radius md 0 375rem 6px rounded tl lg border top left radius var radius lg 0 5rem 8px rounded tl xl border top left radius var radius xl 0 75rem 12px rounded tl 2xl border top left radius var radius 2xl 1rem 16px rounded tl 3xl border top left radius var radius 3xl 1 5rem 24px rounded tl 4xl border top left radius var radius 4xl 2rem 32px rounded tl none border top left radius 0 rounded tl full border top left radius calc infinity 1px rounded tl custom property border top left radius var custom property rounded tl value border top left radius value rounded tr xs border top right radius var radius xs 0 125rem 2px rounded tr sm border top right radius var radius sm 0 25rem 4px rounded tr md border top right radius var radius md 0 375rem 6px rounded tr lg border top right radius var radius lg 0 5rem 8px rounded tr xl border top right radius var radius xl 0 75rem 12px rounded tr 2xl border top right radius var radius 2xl 1rem 16px rounded tr 3xl border top right radius var radius 3xl 1 5rem 24px rounded tr 4xl border top right radius var radius 4xl 2rem 32px rounded tr none border top right radius 0 rounded tr full border top right radius calc infinity 1px rounded tr custom property border top right radius var custom property rounded tr value border top right radius value rounded br xs border bottom right radius var radius xs 0 125rem 2px rounded br sm border bottom right radius var radius sm 0 25rem 4px rounded br md border bottom right radius var radius md 0 375rem 6px rounded br lg border bottom right radius var radius lg 0 5rem 8px rounded br xl border bottom right radius var radius xl 0 75rem 12px rounded br 2xl border bottom right radius var radius 2xl 1rem 16px rounded br 3xl border bottom right radius var radius 3xl 1 5rem 24px rounded br 4xl border bottom right radius var radius 4xl 2rem 32px rounded br none border bottom right radius 0 rounded br full border bottom right radius calc infinity 1px rounded br custom property border bottom right radius var custom property rounded br value border bottom right radius value rounded bl xs border bottom left radius var radius xs 0 125rem 2px rounded bl sm border bottom left radius var radius sm 0 25rem 4px rounded bl md border bottom left radius var radius md 0 375rem 6px rounded bl lg border bottom left radius var radius lg 0 5rem 8px rounded bl xl border bottom left radius var radius xl 0 75rem 12px rounded bl 2xl border bottom left radius var radius 2xl 1rem 16px rounded bl 3xl border bottom left radius var radius 3xl 1 5rem 24px rounded bl 4xl border bottom left radius var radius 4xl 2rem 32px rounded bl none border bottom left radius 0 rounded bl full border bottom left radius calc infinity 1px rounded bl custom property border bottom left radius var custom property rounded bl value border bottom left radius value show more examples basic example use utilities like rounded sm and rounded md to apply different border radius sizes to an element rounded sm rounded md rounded lg rounded xl div class rounded sm div div class rounded md div div class rounded lg div div class rounded xl div rounding sides separately use utilities like rounded t md and rounded r lg to only round one side of an element rounded t lg rounded r lg rounded b lg rounded l lg div class rounded t lg div div class rounded r lg div div class rounded b lg div div class rounded l lg div rounding corners separately use utilities like rounded tr md and rounded tl lg utilities to only round one corner of an element rounded tl lg rounded tr lg rounded br lg rounded bl lg div class rounded tl lg div div class rounded tr lg div div class rounded br lg div div class rounded bl lg div using logical properties use utilities like rounded s md and rounded se xl to set the border radius using logical properties which map to the appropriate corners based on the text direction left to right right to left div dir ltr div class rounded s lg div div div dir rtl div class rounded s lg div div here are all the available border radius logical property utilities and their physical property equivalents in both ltr and rtl modes class left to right right to left rounded s rounded l rounded r rounded e rounded r rounded l rounded ss rounded tl rou...
|
