インラインスタイル

「インラインスタイル」とは？意味を解説

HTMLタグのstyle属性に直接CSSコードを記述し、その要素のみに装飾を適用する手法。外部CSSやスタイルシートを使わず、要素ごとに独立した装飾を行える。小規模な装飾や急速な修正に便利だが、複数要素への同じ装飾は冗長になり、保守性が低下する欠点がある。

例文

• このテキストは<span style="color:red;">赤く表示</span>されます。
• ボタンに<button style="background-color:blue;">背景色を指定</button>できます。
• <p style="font-size:20px;">文字サイズを大きくしました</p>。

「インラインスタイル」の言い換え・類語

「インラインスタイル」の対義語

連想語・周辺概念

語源・由来

「インライン」は行内・直線的を意味する英語の inline、「スタイル」は様式・装飾を意味する英語の style から。HTMLソースコード内に直接記述される装飾という意味で命名された。

英語で言うと

「インラインスタイル」との違いを比較する

似た言葉との違い・使い分けを解説しています。