ITHACK

技術コンテンツ

CSS
No.53 text-decoration / テキストの装飾
【CSS】text-decoration - テキストの装飾

【CSS】text-decoration - テキストの装飾

CSSのtext-decorationプロパティについて解説します。

検証環境

text-decoration

text-decorationは“テキスト装飾の一括設定”のプロパティです。

基本構文

text-decoration: 種類（複数可） スタイル カラー 太さ;

各項目の個別設定は個別プロパティで設定できます。

【CSS】text-decoration-line - テキストの装飾（種類）
【CSS】text-decoration-style - テキストの装飾（線の様式）
【CSS】text-decoration-color - テキストの装飾（カラー）
【CSS】text-decoration-thickness - テキストの装飾（線の太さ）

サンプル

テキストの装飾線を一括設定するサンプルです。

<style>
p {
    ___ih_hl_start
    text-decoration: underline overline wavy red 3px;
    ___ih_hl_end
}
</style>

<p>CSS : Cascading Style Sheets</p>

技術コンテンツ

CSS

前へ

text-decoration-thickness / テキストの装飾（太さ）

text-decoration-thickness / テキストの装飾（太さ）

次へ

text-indent / テキストのインデント

text-indent / テキストのインデント
【CSS】word-break - 単語中の改行
【コマンドライン】ユーザーのグループ確認 [ groups ]
【コマンドライン】ユーザー・グループの確認 [ getent ]
【JavaScript】イベントの伝搬 - キャプチャリング・バブリング
【JavaScript / DOM】属性ノードの取得・設定・削除 - 属性ノードを要素ノードで扱う方法
【JavaScript / DOM】ノード / textContentプロパティ - ノードのテキストを変更する
AtMarkRule
Browser
CentOS
Command
Command
CSS
Database
Development
DOM
Event
HTML
JavaScript
MarkupLanguage
MySQL
Network
OS
PHP
Programming
Property
Pseudo Class
Pseudo Element
Relational Database
Server
Standard Object
Tag