川口・さいたまのホームページ製作 川口・さいたまのホームページ制作会社関東ダイイチへ問い合わせる 埼玉県川口市のホームページ制作会社関東ダイイチへ電話する さいたま・川口のホームページ制作会社関東ダイイチへメールする



Illustratorのチュートリアル|さいたま・川口の低価格なホームページ制作会社
TOPダイイチウェブニュース>CSS3リファレンス.2

CSS3リファレンス.2

今回は、CSS3のまとめをご紹介いたします


1.テキスト (Text モジュール)

テキストの表示

white-space-collapse …… ソース中の半角スペースの表示方法を指定する
word-break …… 行の改行方法を指定する
text-wrap …… テキストの折り返し方法を指定する
word-wrap …… 単語の途中で改行するかどうかを指定する
text-align-last …… 最後の行の揃え位置を指定する
text-justify …… 行端揃えの形式を選択する
punctuation-trim …… 句読点などの記号の詰め方を指定する
text-emphasis …… テキストを強調するための傍点の付け方を指定する
text-shadow …… テキストに影をつける
text-outline …… テキストの輪郭ぼかしを指定する
hanging-punctuation …… 句読点の禁則処理を指定する




ボックスの表示

box-decoration-break …… ボックスが改行する際の表示形式を指定する
box-shadow …… ボックスに影をつける


2.ルビ (Ruby モジュール)

ルビ

ruby-position …… ルビの配置位置を指定する
ruby-align …… ルビの揃え位置を指定する
ruby-overhang …… 本体に隣接するテキストへのルビのかかり方を指定する
ruby-span …… ルビ注釈がどこまでまたがるかを制御する



3.フォント (Fonts モジュール)

フォント

font-size-adjust …… フォント同士のサイズのバラつきを調整する
font-stretch …… フォントの形状を幅広・幅狭にする


4. グリッド (Grid Positioning モジュール)

グリッド
grid-columns …… 列グリッドを指定する
grid-rows …… 行グリッドを指定する

5. ボックスモデル (basic box model)

オーバーフロー

overflow-x …… はみ出た要素の左右の表示方法を指定する
overflow-y …… はみ出た要素の上下の表示方法を指定する
overflow-style …… はみ出た要素のスクロール方法を指定する

ボックスの回転

rotation …… ブロックレベル要素を反時計回りに回転させる
rotation-point …… 回転の中心座標を指定する

オーバーフロー

overflow-x …… はみ出た要素の左右の表示方法を指定する
overflow-y …… はみ出た要素の上下の表示方法を指定する
overflow-style …… はみ出た要素のスクロール方法を指定する


6. 行 (line モジュール)

インラインボックスのサイズ

text-height …… テキストの高さを指定する

行の重ね方

line-stacking …… 行ボックスの重ね方を指定する
line-stacking-strategy …… 行ボックスを重ねる際の基準高さを指定する
line-stacking-ruby …… 行ボックスを重ねる際のルビの扱いを指定する
line-stacking-shift …… 文字のベースラインを考慮するかどうかを指定する

ベースライン

dominant-baseline …… 優先するベースラインを指定する
alignment-baseline …… インライン要素の揃えラインを指定する
alignment-adjust …… ベースラインを調整する
baseline-shift …… 優先するベースラインを指定し直す

インラインボックスの整列

inline-box-align …… どの行を基準にしてインラインボックスを整列させるかを指定する

装飾頭文字

drop-initial-value …… 頭文字を何行分にするかを指定する
drop-initial-size …… 頭文字のサイズを指定する
drop-initial-after-align …… 頭文字の第一接続点の揃えラインを指定する
drop-initial-after-adjust …… 頭文字の第一接続点の揃え位置を指定する
drop-initial-before-align …… 頭文字の第二接続点の揃えラインを指定する
drop-initial-before-adjust …… 頭文字の第二接続点の揃え位置を指定する


7. マーキー (Marquee モジュール)

マーキー

marquee-play-count …… スクロール回数を指定する
marquee-loop …… スクロール回数を指定する
marquee-direction …… スクロール方向を指定する
marquee-speed …… スクロール速さを指定する
marquee-style …… スクロール方法を指定する
overflow-style …… はみ出た要素のスクロール方法を指定する



8. リンクの表示 (Hyperlink Presentation モジュール)

ハイパーリンク

target …… リンク先の開き方・開く位置を指定する
target-name …… リンク先の開き方を指定する
target-new …… リンク先を新しいウィンドウ・タブで開く
target-position …… 新しいウィンドウ・タブを開く位置を指定する



9. 生成と置換 (Generated and Replaced Content モジュール)

自動生成・置換

move-to …… 要素を後ろへ移動する
page-policy …… カウント方法を指定する
crop …… 置換要素の表示範囲を指定する


関連ニュース
CSS3リファレンス.1
CSS3リファレンス.3






ホームページ制作の料金|川口WEB会社HP制作の製作実績|川口のホームページ制作会社HP制作会社の関東ダイイチ|会社案内ウェブ制作のさいたま|関東ダイイチ|問い合わせ
Copyright © 2014 web no daiichi All Rights Reserved.  
>TOP >ホームページの必要性 >料金
>ご注文から公開まで >お問い合わせ >制作実績
>会社案内 >ダイイチニュース  >リンク
ホームページ制作|埼玉県川口市西川口2-10-1
川口・さいたまのWEB制作