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


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

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

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

HTMLによってページの論理構造を指定しますが、このCSSによって、サイトレイアウトや各要素の幅、フォントサイズ、背景色、文字色の指定するため、サイトデザインの設計の中心となるのはこのCSSとなります。

表記における(IE)はInternet Explorerを、NNはNetscape Navigatorにおける独自採用を意味しています。

CSS Cascading Style Sheets

ホームページ制作 CSS Cascading Style Sheets

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

ホームページは基本的にHTMLで構成されています。一方、その外観・デザインを設定するのはCSS(Cascading Style Sheets)・スタイルシートです。以下のページでは、ホームページのCSS・スタイルシート編集方法について掲載しています。

ホームページのCSS・スタイルシート編集方法

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

スタイル指定(宣言)

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

selector { property : value ; }

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

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編集もお任せください!

既存ホームページを更新・編集可能なWordPressサイトへと変更する「WordPress化」のカスタマイズやコンテンツマーケティングを加速させるオウンドメディア構築も可能です!
WordPressテーマのCSSの編集によるレイアウト調整やWebデザインの修正をはじめ、メディアクエリの利用によるモバイルフレンドリー化(スマホ対応)にも対応しています。WordPressでのホームページ制作(WordPressサイト制作)はもちろん、WordPressテーマのCSS調整、プラグインの設置・設定、WordPressのエラー修正・復旧や設定変更、WordPressサイトのSEOなどWordPressに関する各種ご依頼に対応しています。

WordPressをベースとしたホームページ制作やWordPressサイトのカスタマイズもおまかせください!

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

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

HTML5+CSS3で作成する企業ホームページ制作や店舗ホームページ制作をはじめ、既に運営されているホームページのCSS修正や編集、メディアクエリの利用によるホームページカスタマイズ・ホームページのモバイルフレンドリー化にも対応しております。

レイアウト調整やカラーの調整など、各種ホームページのWebデザインの調整もお任せください!

CSSの利用による既存ホームページのスマホ対応、モバイルフレンドリーに対応しています。

ホームページ制作会社の選び方とホームページ制作費用の相場

企業の公式ホームページをホームページ制作会社に発注するにあたり、成果の出るホームページの制作に関するポイントや制作費用の相場などを把握し、ホームページ制作会社の選び方を知っておきたいという事業者の方を対象に「ホームページ制作会社の選び方 制作費用の相場と成果の改善策」をご紹介しています。

初めてホームページ制作会社に制作依頼をする方や、ホームページのリニューアルを検討されている方が対象となりますが、今現在ホームページを所有しながらも「ホームページを介した問い合わせ」などが全く無い方や問い合わせ数が少ない方もぜひご一読ください。

ホームページ制作を依頼する前に、ホームページ制作会社の選び方とホームページ制作費用の相場をチェックしてみましょう。

実はあるポイントを押さえないといくらホームページを作り変えても目に見える成果は現れません。

ホームページのもつ本質をつかんで、ホームページ制作会社の選び方をつかみましょう。

ホームページ制作会社 選び方 ホームページ制作費用 相場

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

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

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

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

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

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

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