ITHACK

技術コンテンツ

CSS
No.127 outline-style / 輪郭線のスタイル
【CSS】outline-style - アウトラインのスタイル

【CSS】outline-style - アウトラインのスタイル

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

検証環境

outline-style

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

基本構文

outline-style: 値;

値

代表的な値は次の通りです。

値 意味
none スタイルなし
auto ユーザーエージェント（ブラウザ）の仕様
dotted 点線
dashed 破線
solid 直線
double 二重線
groove 凹線
ridge 凸線
inset 埋め込み線
outset 出っ張り線

サンプル

solid

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

dashed

<style>
p {
    ___ih_hl_start
    outline-style: dashed;
    ___ih_hl_end
}
</style>
 
<p>CSS : Cascading Style Sheets</p>

double

<style>
p {
    ___ih_hl_start
    outline-style: double;
    ___ih_hl_end
}
</style>
 
<p>CSS : Cascading Style Sheets</p>

技術コンテンツ

CSS

前へ

background / 背景

background / 背景

次へ

outline-color / 輪郭線の色

outline-color / 輪郭線の色
【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