Agile育成ブログ
未来を変える喜びを
tailwindcss

Tailwindcssチートシート(Interactivity)


Warning: count(): Parameter must be an array or an object that implements Countable in /home/xs638785/agile-software.site/public_html/wp-content/plugins/rich-table-of-content/functions.php on line 490

Appearance

いくつかの選択肢を設定できる

ClassProperties
.appearance-noneappearance: none;

Cursor

Auto

Default


Pointer

カーソルを持っていったときに手マークになる

Wait

カーソルを持っていったときに読み込み中になる

Text

カーソルを持っていったときにIビームカーソルになる

Move

カーソルを持っていったときに十字カーソルになる

Not Allowed

カーソルを持っていったときに禁止マークになる

Outline

Remove outlines

Dotted outlines

classproperties
outline-noneoutline: 2px solid transparent; outline-offset: 2px;
outline-white
outline: 2px dotted white; outline-offset: 2px;
outline-black
outline: 2px dotted black; outline-offset: 2px;

Pointer Events

Resize

Resize in all directions


Resize vertically

Resize horizontally

Prevent resizing

resize-noneresize: none;
resize-yresize: vertical;
resize-xresize: horizontal;

User Select

classProperties
select-noneuser-select: none;
select-textuser-select: text;

You cannot copy content of this page