11個のプロパティ
テキストの色を指定するプロパティです。様々な色形式で指定可能です。
color: #3b82f6;
テキストのフォントサイズを指定するプロパティです。
font-size: 16px;
フォントの太さを指定するプロパティです。
font-weight: 400;
行の高さ(行間)を指定するプロパティです。読みやすさに大きく影響します。
line-height: 1.6;
文字間のスペース(字間)を指定するプロパティです。可読性やデザイン調整に使われます。
letter-spacing: 0.1em;
テキストの水平方向の配置を指定するプロパティです。
text-align: center;
テキストの装飾(下線、上線、取り消し線など)を指定するプロパティです。
text-decoration: underline;
要素内の空白文字の処理方法を指定するプロパティです。
white-space: nowrap;
要素からはみ出したテキストの表示方法を指定するプロパティです。
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
単語の改行方法を制御するプロパティです。長い単語やURLの処理に便利です。
word-break: break-all;
テキストの書字方向を指定するプロパティです。横書き、縦書き、文字の向きを制御できます。日本語、中国語、アラビア語などの多言語対応や、デザイン上の縦書き表現に使用されます。
.vertical-text {
writing-mode: vertical-rl;
height: 200px;
width: 100px;
}