CSSプロパティの役割一覧

CSSのプロパティ、役割一覧。

カラー

  • color:文字色

フォント

  • font-family:フォントファミリ名
  • font-style:フォントスタイル設定
  • font-variantsmall-caps
  • font-weight:フォントの太さ
  • font-size:フォントサイズ
  • font:フォントをまとめて設定

テキスト

  • word-spacing:単語の間隔
  • letter-spacing:文字間隔
  • text-decoration:文字の装飾
  • vertical-align:縦方向の位置揃え
  • text-transform:大文字・小文字
  • text-align:行揃え
  • text-indent:インデント。テキストの行揃え
  • line-height:行間

ボックス

  • margin-top:上マージン
  • margin-right:右マージン
  • margin-bottom:下マージン
  • margin-left:左マージン
  • margin:上右下左マージン
  • padding-top:と内容の上間隔
  • padding-right:枠と内容の右間隔
  • padding-bottom:枠と内容の下間隔
  • padding-left: 枠と内容の左間隔
  • padding:枠と内容の上右下左間隔
  • border-top-width:上枠の幅
  • border-right-width:右枠の幅
  • border-bottom-width:下枠の幅
  • border-left-width:左枠の幅
  • border-width:上右下左枠の幅
  • border-color:枠の色
  • border-style:枠のスタイル
  • border-top:上枠の幅・スタイル・色
  • border-right:右枠の幅・スタイル・色
  • border-bottom:下枠の幅・スタイル・色
  • border-left:左枠の幅・スタイル・色
  • border:同じ枠の幅・スタイル・色
  • width:ボックスの内容の幅
  • height:ボックスの内容の高さ
  • float:回り込み指定
  • clear:回り込みクリア

背景

  • background-color:背景色
  • background-image:背景画像
  • background-repeat:背景画像の並び
  • background-attachment:背景画像の固定
  • background-position:背景画像の位置
  • background:背景をまとめて設定

配置(レイヤー)

  • position:絶対位置・相対位置の指定
  • left:左からの位置
  • top:上からの位置
  • z-index:重なる順序
  • clip:クリッピング
  • overflow:内容が収まりきらない場合

その他

  • display:表示方法
  • visibility:表示・非表示
  • white-space:空白・タブ・改行の取り扱い
  • list-style-type:リストのマークの種類
  • list-style-image:リストのマーク画像
  • list-style-position:リストのマークの表示位置
  • list-style:リストをまとめて設定

参考:http://www.zspc.com/stylesheets/css/reference.html

Jimdo

オススメ書籍

10日でSEO&アクセスアップ Jimdoデザインブック

かっこいいだけではなく、人が集まるホームページを作る!

「Jimdo」(ジンドゥー)でのホームページの作成方法と運用方法を解説した書籍。解説記事を順番に読み進めて行くことで、Jimdoを使ったホームページの作成・運用・宣伝・集客の基本を、10日間で習得するのが本書のコンセプトです。12章構成の解説の中で、Jimdoの基本操作とホームページの作成、デザインとコンテンツ(内容)のレベルアップ、そしてSEOやリスティング広告を含む宣伝・集客の基本を解説しています。

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA


ABOUTこの記事をかいた人

株式会社マジカルリミックス 代表取締役CEO/JimdoExpert 宮城県出身。コンピューター系の専門学校を卒業後、仙台のデザイン会社に入社。 Webサイトのデザイン・コーディングをはじめとし、各種デジタルメディアのデザインに従事。2002年退職後すぐにマジカルリミックスを創業。2007年に法人化で株式会社マジカルリミックスを設立。Webサイト運用に関するコンサルティング、社内向けITトレーニング、セミナー出演、執筆など。2005年から仙台の専門学校で、非常勤講師としてWeb制作講義を担当。 主な著書に『10日で作るかっこいいホームページ Jimdo(ジンドゥー)デザインブック』(エムディエヌコーポレーション)『HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。』(共著、同)『基礎から覚える、深く理解できる。Webデザインの新しい教科書』(同)。