What cursor does a textarea's resize grip use?

Chrome shows se-resize over the grip of an element with resize: both, or sw-resize when the scrollbar sits on the left, as on right-to-left pages.

Is se-resize the same as nwse-resize?

On Windows they look the same (Diagonal Resize 1). In meaning, se-resize says the corner only grows; nwse-resize says it can go both ways.

What does se stand for?

South-east: the bottom-right corner.

Resize and scroll

cursor: se-resize in CSS: the bottom-right resize grip

se-resize marks a bottom-right (south-east) corner that can be dragged down and to the right. It is the most familiar resize corner on the web.

cursor: se-resize; Move your mouse over this box Cursors only appear with a mouse or trackpad. Open this page on a computer to see this one.

This is the cursor your browser and system draw for se-resize.

What it shows

On macOS 15 and later, Chrome shows a one-way diagonal arrow. On Windows, browsers show Diagonal Resize 1 (the SizeNWSE role, aero_nwse.cur), the same as nwse-resize.

Usage

When to use it

Use it for

The bottom-right grip on a custom resizable card, panel or window.
The bottom-right handle of crop and selection boxes.
Resizable dashboard tiles that grow from their bottom-right corner.

Avoid it for

Textareas and elements with the CSS resize property. The browser already shows the right cursor over its own grip.
Corners that move both ways in an editor. nwse-resize says that more clearly.

Code

Copy the snippet

CSS

.tile-grip { cursor: se-resize; }

HTML

<div class="tile">
  Weekly sales<span class="tile-grip" aria-label="Drag to resize"></span>
</div>

Support

Browsers and systems

Browser support for se-resize
Browser	Support
Chrome	1
Edge	12
Firefox	1
Safari	1.2
Safari on iOS	no
Chrome on Android	18

The matching operating system cursor
System	Matching cursor
Windows role	SizeNWSE
Windows file	`aero_nwse.cur`
macOS	Frame resize, bottom-right corner

Watch out

Gotchas

On Windows, nw-resize, se-resize and nwse-resize all show the same Diagonal Resize 1 double arrow (aero_nwse.cur), so the one-way meaning is lost there.
Browsers ignore your cursor over their own resize grip, so you cannot restyle the native textarea grip's cursor.

FAQ

Questions

What cursor does a textarea's resize grip use?: Chrome shows se-resize over the grip of an element with resize: both, or sw-resize when the scrollbar sits on the left, as on right-to-left pages.
Is se-resize the same as nwse-resize?: On Windows they look the same (Diagonal Resize 1). In meaning, se-resize says the corner only grows; nwse-resize says it can go both ways.
What does se stand for?: South-east: the bottom-right corner.