CSS3 property reference index ホームページ制作の装飾プロパティ


css3 property reference ホームページ制作・作成で使用するCSSプロパティ

CSS(Cascading Style Sheets)プロパティのアルファベット順インデックスです。CSSは、 ホームページ制作で使用する外観部分の装飾プロパティ指定です。

表記における(IE)はInternet Explorerを、NNはNetscape Navigatorにおける独自採用を意味しています。  ホームページ制作の装飾プロパティ

CSS Cascading Style Sheets

htmlがタイトル・見出し・段落など、文書構造を定義するのに対して、スタイルシート(Style Sheets)、CSS(Cascading Style Sheets)は、装飾や配置などを行い、html文書の見た目に関する指定をする仕組みになっています。ホームページ(ウェブサイト)の文字色、背景色などの色の指定や各要素の大きさ、レイアウトの細かい配置などを指定します。

ホームページ(ウェブサイト)制作・作成に役立つHTML5のタグ一覧は
⇒html5 tag reference index ホームページ制作の基本タグ

スタイル指定(宣言)

スタイルシートは、セレクタ(selector スタイル適用の対象)と宣言ブロック(スタイル宣言の内容)から構成され、
宣言ブロックはスタイル属性(property)とその値(value)で構成されます。

selector { property : value ; }

css property index a-z ホームページ制作の装飾プロパティ

CSS(Cascading Style Sheets)プロパティのアルファベット順インデックスです。ホームページ制作の装飾プロパティであるCSSをアルファベット順にご紹介しています。

css property a ホームページ制作の装飾プロパティ

azimuth 音声が聞こえてくる水平角度(方向)を指定

css property b  ホームページ制作の装飾プロパティ

background 背景関連の指定をまとめて指定

background-attachment 背景画像(バックグラウンドイメージ)の固定表示

background-color 背景色(バックグラウンドカラー)

background-image 背景画像(バックグラウンドイメージ)

background-position 背景画像(バックグラウンドイメージ)の表示開始位置

background-repeat 背景画像(バックグラウンドイメージ)のリピートのしかた

background-position-x 背景画像(バックグラウンドイメージ)の位置(横方向)(IE)

background-position-y 背景画像(バックグラウンドイメージ)の位置(縦方向)(IE)

behavior 外部スクリプトを適用(IE)

border ボーダー(枠)に関するスタイルの簡略指定(色・スタイル・太さを指定)

border-collapse セルのボーダー(枠)の表示方法

border-color ボーダー(枠)の色

border-width ボーダー(枠)の太さ

border-spacing セルのボーダー(枠)の間隔

border-style ボーダー(枠)のスタイル

border-top ボーダー(枠)に関するスタイルの簡略指定(色・スタイル・太さを指定)(上辺)

border-top-color ボーダー(枠)の色(上辺)

border-top-style ボーダー(枠)のスタイル(上辺)

border-top-width ボーダー(枠)の太さ(上辺)

border-bottom ボーダー(枠)に関するスタイルの簡略指定(色・スタイル・太さを指定)(下辺)

border-bottom-color ボーダー(枠)の色(下辺)

border-bottom-style ボーダー(枠)のスタイル(下辺)

border-bottom-width ボーダー(枠)の太さ(下辺)

border-left ボーダー(枠)に関するスタイルの簡略指定(色・スタイル・太さを指定)(左辺)

border-left-color ボーダー(枠)の色を指定(左辺)

border-left-style ボーダー(枠)のスタイルを指定(左辺)

border-left-width ボーダー(枠)の太さを指定(左辺)

border-right ボーダー(枠)に関するスタイルの簡略指定(色・スタイル・太さを指定)(右辺)

border-right-color ボーダー(枠)の色(右辺)

border-right-style ボーダー(枠)のスタイル(右辺)

border-right-width ボーダー(枠)の太さ(右辺)

bottom 下からの配置位置(距離)を指定

css property c ホームページ制作の装飾プロパティ

caption-side テーブル(表)のキャプションの位置

clear 回り込みを解除

clip ボックスを切り抜き表示(クリッピング)

color 文字色(前景色)を指定

content コンテンツ(内容)を挿入

counter-increment 要素の連番(カウンタ)の値を進める

counter-reset 要素の連番(カウンタ)の値をリセット

cue 要素の前後の合図音(サウンドアイコン)をまとめて指定

cue-after 要素の後の合図音(サウンドアイコン)

cue-before 要素の前の合図音(サウンドアイコン)

cursor カーソルの形状

css property d  ホームページ制作の装飾プロパティ

direction 文字表記の方向(左右)

display 要素の表示形式(ブロック・インライン)

css property e  ホームページ制作の装飾プロパティ

elevation 音声が聞こえてくる垂直角度(高さ)

empty-cells 空白セルのボーダーの表示/非表示

css property f ホームページ制作の装飾プロパティ

filter 様々な視覚効果を与える(IE)

BasicImage() 透過・回転・反転・グレースケールなどを指定
fliph() 左右反転
flipv() 上下反転
invert() 色(色相・明度・彩度)を反転
xray() X線効果(グレースケールにして反転)
Alpha() 透過表示
Chroma() 特定の色を透明
MaskFilter() 指定した色でマスクをかける
Glow() 背後から光をあてたような効果を与える
Blur() ぼかす
Shadow() ぼかしのある影をつける
DropShadow() ぼかしのない影をつける
MotionBlur() / blur() 方向を指定してぶれさせる
Wave() 波状に歪めて表示
Pixelate() モザイク表示
Emboss() 浮き彫り表示(エンボス)
Engrave() 彫り込み表示(エングレーブ)
Matrix() 二次元面を傾けたような表示
Gradient() 背景と内容の間にグラデーションを表示
AlphaImageLoader() 背景と内容の間に画像を表示
Light() 光をあてたような効果を与える
Compositor() 複数の要素を合成して表示
ICMFilter() ICM(Windowsのカラーマネージメントシステム)で色調管理をする

float 左または右に寄せて配置

font フォント指定をまとめて行う

font-family フォント種類

font-size フォントサイズ

font-size-adjust フォントサイズを調整

font-stretch フォントを縦長・横長にする

font-style フォントをイタリック体・斜体

font-variant フォントをスモールキャップ

font-weight フォントの太さ

css property h  ホームページ制作の装飾プロパティ

height 高さ

css property i  ホームページ制作の装飾プロパティ

ime-mode テキスト入力時のIMEの状態を指定(IE)

include-source 他のHTML文書をレイヤー表示(NN)

css3 property l  ホームページ制作の装飾プロパティ

layer-background-color レイヤー背景色(NN)

layer-background-image レイヤー背景画像(NN)

layout-grid グリッドの指定をまとめて行う(IE)

layout-grid-char 文字グリッドの幅(IE)

layout-grid-line 行グリッドの高さ(IE)

layout-grid-mode グリッドに文字を乗せるかどうかを指定(IE)

layout-grid-type グリッドへの文字の乗せ方(IE)

left 左からの配置位置(距離)

letter-spacing 文字の間隔

line-break 禁則処理のしかた(IE)

line-height 行の高さ

list-style リストに関するスタイルの簡略指定

list-style-image リストマークイメージ(画像)

list-style-position リストマークの表示方法(表示位置)

list-style-type リストマークの文字種類(文頭のマーク)

css property m  ホームページ制作の装飾プロパティ

margin 周辺の余白(マージン)指定(四辺)

margin-top 上側の余白(マージン)指定

margin-bottom 下側の余白(マージン)指定

margin-left 左側の余白(マージン)指定

margin-right 右側の余白(マージン)指定

marker-offset マーカーとの間隔

marks トンボ印刷に関する指定

max-width 幅の最大値

min-width 幅の最小値

max-height 高さの最大値

min-height 高さの最小値

css property o  ホームページ制作の装飾プロパティ

orphans 改ページ時の前ページの最低行数

outline アウトラインに関するスタイルの簡略指定(スタイル・太さ・色を指定)

outline-color アウトラインの色

outline-style アウトラインのスタイル(形状)

outline-width アウトラインの太さ

overflow はみ出た内容の表示方法

overflow-x はみ出た内容の表示方法(IE) 横方向

overflow-y はみ出た内容の表示方法(IE) 縦方向

css property p  ホームページ制作の装飾プロパティ

padding 枠と内容との間の余白(パディング)指定(四辺)

padding-top 枠と内容との間の余白(パディング)指定(上辺)

padding-bottom 枠と内容との間の余白(パディング)指定(下辺)

padding-left 枠と内容との間の余白(パディング)指定(左辺)

padding-right 枠と内容との間の余白(パディング)指定(右辺)

page 適用ページボックス名を指定

page-break-after 印刷時の改ページ位置指定

page-break-before 印刷時の改ページ位置指定

page-break-inside 印刷時の要素内での改ページを避ける

pause 要素の前後の音声一時停止を指定

pause-after 要素の後の音声一時停止

pause-before 要素の前の音声一時停止

pitch 声の高低

pitch-range 声の高低の幅

play-during 背景音(BGM)

position ボックスの配置方法(基準位置)

css property q  ホームページ制作の装飾プロパティ

quotes 引用符を設定

css property r  ホームページ制作の装飾プロパティ

richness 声の豊かさ

right 右からの配置位置(距離)

ruby(html)

ruby-align ルビの行揃え位置(IE)

ruby-overhang ルビの表示領域(IE)

ruby-position ルビの表示位置(IE)

css property s  ホームページ制作の装飾プロパティ

scrollbar

scrollbar-3dlight-color スクロールバーの左端と上端の色(IE)

scrollbar-arrow-color スクロールバーの矢印の色(IE)

scrollbar-base-color スクロールバーのベース色(IE)

scrollbar-darkshadow-color スクロールバーの右端と下端の色(IE)

scrollbar-face-color スクロールバーの表面の色(IE)

scrollbar-highlight-color スクロールバーのハイライトの色(IE)

scrollbar-shadow-color スクロールバーの影の色(IE)

scrollbar-track-color スクロールバーの下地の色(IE)

size ページボックスのサイズと向き

speak 読み上げ方法

speak-header 表見出しの読み上げ方法

speak-numeral 数字の読み方

speak-punctuation 句読点や記号を読み上げるかどうか

speech-rate 読み上げる速さ

stress アクセントの強弱

css property t  ホームページ制作の装飾プロパティ

table-layout テーブル(表)の表示方法

text

text-align 行揃えの位置・均等割付

text-decoration テキストの下線・上線・打ち消し線・点滅

text-indent 一行目のインデント幅

text-shadow テキストに影をつける

text-transform テキストの大文字表示・小文字表示

text-autospace アルファベット等との間隔(IE)

text-justify 均等割付の形式(IE)

text-underline-position 下線の表示位置(IE)

top 上からの配置位置(距離)

css property u  ホームページ制作の装飾プロパティ

unicode-bidi Unicodeの文字表記の方向を上書き

css property v  ホームページ制作の装飾プロパティ

vertical-align 縦方向の揃え位置

visibility ボックスの表示/非表示

voice-family 声の種類

volume 音量(ボリューム)

css property w  ホームページ制作の装飾プロパティ

white-space 空白類文字の扱いと改行の処理(ソース中のスペース・タブ・改行の表示方法を指定)

widows 改ページ時の次ページの最低行数

width 幅を指定

word-spacing 単語の間隔

word-break 文の改行方法(IE)

word-wrap 単語の途中改行(IE)

writing-mode 文字表記の方向(縦/横)(IE)

css property z  ホームページ制作の装飾プロパティ

z-index 重なりの順序

zoom 拡大・縮小表示(IE)

/* */ CSS内のコメント

ホームページ制作(ウェブサイト制作)なら
Web制作会社ファンフェアファンファーレへ

「Web集客できるホームページ制作・作成(ウェブサイト制作)
『お客さまのお客さま目線』でのWeb制作、Webマーケティング」
ホームページ制作 京都のWeb制作会社(ホームページ制作会社)ファンフェアファンファーレは、Webマーケティングツールとして、Webマーケティング・SEMを意識したWeb集客・プロモーション力のあるSEO特性・ウェブPR力の高いSEO対策付きのホームページ制作(ウェブサイト制作)・作成、WordPress(ワードプレス)やEC-CUBE(イーシーキューブ)などのCMS(コンテンツマネジメントシステム)の導入やカスタマイズ、ウェブサイトの高速表示化、レスポンシブデザイン、モバイルフレンドリーを得意としています。
WordPress(ワードプレス)を利用したウェブサイト制作をはじめ、HTML5,CSS3,jQueryによるホームページ制作・ウェブサイト制作を行っております。
コンテンツマーケティング・コンテンツSEO・ウェブPRを加速させるWordPressなどCMSを活用したオウンドメディア構築、既にお持ちのホームページ(ウェブサイト)のWordPress化やWordPressのカスタマイズもお任せください!
ホームページ制作価格表(ウェブ制作サービス)
ホームページ制作にあたって~初めての方へ

WordPressホームページ制作(ウェブサイト制作)

WordPressをベースとしたホームページ(ウェブサイト)の制作サービスを提供しております。

WordPressテーマのカスタマイズ・CSS編集もお任せください!

HTML5+CSS3でのホームページ制作(ウェブサイト制作)

HTML5+CSS3での静的HTMLホームページ制作(ウェブサイト制作)やHTML5+CSS3でのWordPress(ワードプレス)テーマの制作なら、京都のWeb制作会社(ホームページ制作会社)株式会社ファンフェアファンファーレにお任せください!

「ホームページ制作」なら京都のWeb制作会社
(ホームページ制作会社)ファンフェアファンファーレへ

ホームページ制作やホームページの企画・運営・更新、カスタマイズなど、ウェブ制作サービスのご依頼は、京都のWeb制作会社(ホームページ制作会社)株式会社ファンフェアファンファーレへ

京都を中心に、全国のホームページ制作サービスやWebマーケティングサービスをお求めのみなさまに、「ホームページ制作サービスをはじめ、サイトカスタマイズやコンテンツ制作、SEOカスタマイズなど、様々なウェブ制作サービスを提供しております。

京都市内エリア(上京区、中京区、下京区、東山区、右京区、左京区、北区、南区、西京区、山科区、伏見区)および京都市近郊エリアでは、ホームページ制作・Web制作サービスにつき、ご訪問での打ち合わせ・ヒアリング・ご提案をさせていただいております。

ホームページ制作 京都のWeb制作会社(ホームページ制作会社)
株式会社ファンフェアファンファーレ
(トップへ)

ホームページ制作 京都のWeb制作会社
株式会社ファンフェアファンファーレ

ホームページ制作、サイトカスタマイズなど、ファンフェアファンファーレへのお問い合わせ・Web制作のご依頼はこちら