CSS要素一覧

フォント

要素説明
color文字の色を指定
font文字フォントに関する指定をまとめて行う
font-family文字フォントファミリー(フォントの種類)を指定
font-feature-settingsOpenTypeフォント機能の利用について、有効/無効を指定
font-kerning欧文フォントにカーニングを適用
font-language-override表示する文字フォントの言語を部分的に変更
font-size文字フォントのサイズ(大きさ)を指定
font-size-adjust文字フォントの種類の違いによるサイズのバラつきを調整
font-stretch文字フォントの横幅の広さを指定
font-style文字フォントを斜体で表示
font-synthesis太字や斜体を持たないフォントファミリーの場合に、太字や斜体で表示するかどうかを指定
font-variant文字フォントの表示に関するサブプロパティの値をまとめて指定
font-variant-alternates文字フォントの代替グリフ(字形)の選定を制御
font-variant-capsスモールキャップス(small caps)などの、文字フォントのグリフ(字形)を指定
font-variant-east-asian表示する文字フォントのグリフ(字形)の指定を行う
font-variant-ligatures隣り合った文字フォントの合字(リガチャ)を指定
font-variant-numeric数字の表示形式を指定
font-variant-position上付き文字、下付き文字を指定
font-weight文字フォントの太さを指定

テキスト

要素説明
text-align内包する要素に対して横位置の揃え方を指定
text-align-last内包する要素の最終行に対して横位置の揃え方を指定
text-autospaceアルファベット等との間隔を指定
text-combine-horizontal文字を縦書き表示にした際に縦中横のレイアウトに
text-combine-mode縦書き表示で縦中横のレイアウトにした文字の表示方法を指定
text-decoration文字列に装飾線や点滅を指定
text-decoration-color文字の装飾線の色を指定
text-decoration-line文字の装飾線の位置を指定
text-decoration-skip文字の装飾線について除外する対象を指定
text-decoration-style文字の装飾線の種類を指定
text-emphasis要素内のテキストに付与する強調マークに関する指定を行う
text-emphasis-color要素内のテキストに付与する強調マークの色を指定
text-emphasis-position要素内のテキストに付与する強調マークの位置を指定
text-emphasis-style要素内のテキストに強調マークを付与
text-heightテキストの高さを指定
text-indent文章のインデント幅を指定
text-justify行の両端揃えの方法を指定
text-orientation縦書き文章の文字の表示方向に関して指定
text-overflow要素からはみ出した文字を省略
text-shadow文字に影(ドロップシャドウ)を付ける
text-transformテキストの大文字表示・小文字表示を指定
text-underline-positionテキストのアンダーラインの位置を指定

文字揃え

要素説明
baseline-shift優先するベースラインを指定し直す
direction文字表記の方向(左右)を指定
drop-initial-after-adjust頭文字の第一接続点の揃え位置を指定
drop-initial-after-align頭文字の第一接続点の揃えラインを指定
drop-initial-before-adjust頭文字の第二接続点の揃え位置を指定
drop-initial-before-align頭文字の第二接続点の揃えラインを指定
drop-initial-size頭文字のサイズを指定
drop-initial-value頭文字を何行分にするかを指定
letter-spacing文字の間隔を指定
line-break要素内での行末や行頭の禁則処理の厳密さを指定
line-height行の高さを指定
line-stacking行ボックスに関する指定をまとめて行う
line-stacking-ruby行ボックスを重ねる際のルビの扱いを指定
line-stacking-shift文字のベースラインを考慮するかどうかを指定
unicode-bidi文字表記の方向(左右)を指定
white-spaceテキスト内の空白、タブ、改行の表示の仕方を指定
word-break文章の改行の仕方について指定
word-spacing単語の間隔を指定
word-wrap単語の途中における改行処理の仕方を指定
writing-mode文字表記の方向(縦横)を指定

横幅や高さ

要素説明
height要素の高さを指定
widthボックス領域の幅を指定
max-height要素の高さの最大値を指定
max-width要素の幅の最大値を指定
min-height要素の高さの最小値を指定
min-width要素の幅の最小値を指定

余白

要素説明
margin要素の外側の余白(マージン)を指定
margin-bottom要素の底辺に当たる外側の余白(マージン)を指定
margin-left要素の左辺に当たる外側の余白(マージン)を指定
margin-right要素の右辺に当たる外側の余白(マージン)を指定
margin-top要素の上辺に当たる外側の余白(マージン)を指定
padding要素の内側の余白を指定
padding-bottom要素の内側の底辺側に当たる余白を指定
padding-left要素の内側の左辺側に当たる余白を指定
padding-right要素の内側の右辺側に当たる余白を指定
padding-top要素の内側の上辺側に当たる余白を指定

配置方法

要素説明
alignment-adjust要素の水平位置を揃える基準を指定
alignment-baseline要素の水平位置を揃える際に親要素との相対関係に基いて指定
bottompositionに従って要素を配置する際に、底辺からの距離を指定
clear要素の回り込み(float)を解除
clip要素の回り込み(float)を解除
display要素の表示形式を指定
float要素を右または左へ寄せて配置
leftpositionに従って要素を配置する際に、左辺からの距離を指定
overflow要素からはみ出した内容の表示方法をまとめて指定
overflow-style要素からはみ出した内容の表示スタイルを指定
overflow-wrap長い単語の折り返し方法について指定
overflow-x要素からはみ出した内容の水平方向の表示方法を指定
overflow-y要素からはみ出した内容の垂直方向の表示方法を指定
position要素の配置方法について相対的か絶対的にするかを指定
rightpositionに従って要素を配置する際に、右辺からの距離を指定
visibility要素の領域を残したまま表示・非表示を指定
z-index要素の重なり順序を指定
zoom要素の表示倍率(拡大・縮小)を指定

はみ出し内容の表示方法

overflow: 値説明
visibleはみ出し表示
hiddenはみ出し部分非表示
scrollスクロールバーは常に表示
auto自動でブラウザが判断

背景

要素説明
background背景に関する指定をまとめて行う
background-attachment背景画像の固定・移動を指定
background-breakインライン要素の背景画像の繰り返し方法を指定
background-clip背景の描画範囲を指定
background-color背景色を指定
background-image背景画像を指定
background-origin背景の描画する際の基準となるボックスを指定
background-position背景画像の表示開始位置を指定
background-repeat背景画像の繰り返しを指定
background-size背景画像を表示するサイズ(大きさ)を指定

要素説明
border要素の周囲にボーダー(枠線)を付ける
border-bottom要素の底辺にボーダー(枠線)を付ける
border-bottom-color要素の底辺に設定したボーダー(枠線)の色を指定
border-bottom-left-radius要素の左下の角丸を指定
border-bottom-right-radius要素の右下の角丸を指定
border-bottom-style要素の底辺に設定したボーダー(枠線)のスタイル(種類)を指定
border-bottom-width要素の底辺に設定したボーダー(枠線)の太さを指定
border-breakボックスが分割された場合のボーダーの表示方法を指定
border-collapseテーブルセルのボーダーの表示の仕方を指定
border-color要素のボーダー(枠線)の色を指定
border-image要素のボーダー(枠線)に画像を指定
border-image-outsetボーダーイメージエリアを広げる
border-image-repeatボーダー(枠線)に指定された画像の繰り返し方法を指定
border-image-sliceボーダー(枠線)に指定された画像の使用範囲を指定
border-image-sourceボーダー(枠線)に使用する画像ファイルを指定
border-image-width画像ボーダーの太さを指定
border-left要素の左辺にボーダー(枠線)を付ける
border-left-color要素の左辺に設定したボーダー(枠線)の色を指定
border-left-style要素の左辺に設定したボーダー(枠線)のスタイル(種類)を指定
border-left-width要素の左辺に設定したボーダー(枠線)の太さを指定
border-length脚注の区切り線の長さを指定
border-radius要素の角丸についてまとめて指定
border-right要素の右辺にボーダー(枠線)を付ける
border-right-color要素の右辺に設定したボーダー(枠線)の色を指定
border-right-style要素の右辺に設定したボーダー(枠線)のスタイル(種類)を指定
border-right-width要素の右辺に設定したボーダー(枠線)の太さを指定
border-spacingテーブルセルのボーダーの間隔を指定
border-styleボーダー(枠線)の種類を指定
border-top要素の上辺にボーダー(枠線)を付ける
border-top-color要素の上辺に設定したボーダー(枠線)の色を指定
border-top-left-radius要素の左上の角丸を指定
border-top-right-radius要素の右上の角丸を指定
border-top-style要素の上辺に設定したボーダー(枠線)のスタイル(種類)を指定
border-top-width要素の上辺に設定したボーダー(枠線)の太さを指定
border-widthボーダー(枠線)の太さを指定
outlineアウトラインの表示方法をまとめて指定
outline-colorアウトラインの色を指定
outline-offsetアウトラインのオフセット値を指定
outline-styleアウトラインのスタイルを指定
outline-widthアウトラインの太さを指定

枠線のスタイル

border-style: 値説明
none枠線を表示しない
solid実線
double二重線
dashed破線
dotted点線
groove立体的にくぼんだ線
ridge立体的に盛り上がった線
inset全体をくぼませて表示
outset全体を盛り上げて表示

テーブル

要素説明
border-collapseテーブルセルのボーダーの表示の仕方を指定
border-spacingテーブルセルのボーダーの間隔を指定
caption-sideテーブル(表)のキャプションの位置を指定
empty-cells空白セルのボーダーの表示・非表示を指定
table-layoutテーブルを描画する際のレンダリングアルゴリズムを指定

擬似クラス

要素説明
:link未アクセスリンク
:visitedアクセス済みリンク
:hoverマウスオーバーリンク
:active押下されているリンク
>> CSS - HTML要素一覧

top



mail to me:mailaddress
Copyright(c) 2018 zcm.