text-decorationのスタイル

線の位置

テキストの下部に線が表示される

text-decoration: underline;

テキストの上部に線が表示される

text-decoration: overline;

テキストに取り消し線が表示される

text-decoration: line-through;

テキストの線の色が赤になる

	text-decoration: underline;
	text-decoration-color: red;

テキストの線の太さが10pxになる

text-decoration: underline;
	text-decoration-thickness: 10px;

テキストと線の距離が15pxになる

	text-decoration: underline;
	text-underline-offset: 15px;

テキストと線が被ったときに線が消える（abcdefghijkmlnopqrstuvwxyz）

	text-decoration: underline;
	text-decoration-color: red;
	text-decoration-thickness: 5px;
	text-decoration-skip-ink: none;

テキストと線が被ったときに線が消える（abcdefghijkmlnopqrstuvwxyz）

	text-decoration: underline;
	text-decoration-color: red;
	text-decoration-thickness: 5px;
	text-decoration-skip-ink: auto;