会員登録すると
学習することができます。
会員登録する(無料)
登録済みの方はこちら
ログイン

テキストのスタイリング

目安学習時間 6分

課題

全問正解でレクチャー完了です。

【問題1】

文字を太字にするクラスはどれ?

[選択肢]

【問題2】

Tailwind CSSで文字を中央揃えにするクラスはどれ?

[選択肢]

【問題3】

text-red-500 の「500」が表すものはどれ?

[選択肢]
会員登録すると
学習することができます。
会員登録する(無料)
登録済みの方はこちら
ログイン

学ぶ目的

文字サイズ

text-sm text-base text-lg text-xl text-2xl のように、サイズが段階で用意されています。数値を自分で決めるのではなく、用意された段階から選ぶという発想です。

文字色

text-red-500 text-gray-700 のように、色名と濃さの数値を組み合わせます。数値は50から900まであり、小さいほど薄く、大きいほど濃くなります。

太さと行揃え

太さは font-bold font-medium など、行揃えは text-center text-right などで指定します。組み合わせるだけで文字の見た目が整うことを体感してください。

このレクチャーで学ぶこと

  • 文字サイズ(text-sm / text-lg など)
  • 文字色(text-○○-500)
  • 太さ・行揃え

質問

まだ質問は投稿されていません。

質問投稿

ログイン後に質問の投稿ができます。