CSS

Tailwind CSSの特殊なクラスや書き方のメモ

Tailwind CSSを使い始めて3ヶ月ほど経った。 スタイルに対応したクラス以外に、特殊なクラスや書き方があったのでメモ。 環境 子要素にスタイルを指定 テキストの省略 1行テキストの省略 複数行テキストの省略 スペーサー 要素間のボーダー important にする…

CSSでテキストの選択を無効化する

CSS

ヘッダーやメニューで、ダブルクリックするとテキストが選択状態になるのを抑制したい。 簡単にできる方法はないかと調べると、CSSだけで選択を無効化できたのでメモ。 テキストの選択を無効にするCSS Tailwind CSSのクラス 振り返り テキストの選択を無効に…

CSSでグラデーション付きの矢印を描く

CSS

CSSで矢印を描くのは一般的だと思うが、それにグラデーション付けられないかと聞かれた。 試してみたらうまくいったのでメモ。 実装方法 サンプルコード HTML CSS 実行結果 振り返り 実装方法 borderで描いた矢印の上に、linear-gradientのグラデーションを…