ITHACK

技術コンテンツ

CSS
No.130 outline / 輪郭線
【CSS】outline - アウトライン

【CSS】outline - アウトライン

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

検証環境

outline

outlineは“アウトライン（輪郭線）”のプロパティです。

アウトラインのスタイルや色、太さを一括設定します。

各項目の個別設定はoutline-style、outline-color、outline-widthを使用します。

【CSS】outline-style - アウトラインのスタイル
【CSS】outline-color - アウトラインの色
【CSS】outline-width - アウトラインの太さ

基本構文

outline: 太さ スタイル 色;

サンプル

<style>
p {
    ___ih_hl_start
    outline: 5px solid red;
    ___ih_hl_end
}
</style>
 
<p>CSS : Cascading Style Sheets</p>

技術コンテンツ

CSS

前へ

outline-width / 輪郭線の太さ

outline-width / 輪郭線の太さ

次へ

list-style-type / リストスタイルの種類

list-style-type / リストスタイルの種類
【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