忍者ブログ
特質系肉体派システムエンジニア燃えPaPaの運営する、1からサイト作成をするとなると必須なスタイルシートの各プロパティに関してのリファレンスブログです。スタイルシートの必要なプロパティの、詳しい使い方を辞書的に利用可能なようにつくります。
[101]  [100]  [99]  [96]  [93]  [75]  [74]  [73]  [98]  [97]  [94
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

サイトを作成する上で、かなり序盤に設定することとなる、
スタイルシートの基本プロパティです。

font: style variant weight size / height family

以降で説明する、style や variant などを一度に指定する方法です。height を指定する時は size とスラッシュ( / )で区切って指定します。size と family 以外は省略可能です。fonttype には、現在のアイコンラベルやウィンドウメニューに現在使用されているフォントを示す値として caption, icon, menu, message-box, small-caption, status-bar のいずれかを指定します。CSS2 では inherit(継承)も指定可能です。

指定例:
BODY, TD, TH {
    font: italic bold 100%/150% serif;
}


上記スタイル(font)で一括に指定もできますが、
以下、それぞれは、クラスごとに区切って、部分部分に指定するのに、多用されます。


font-variant: variant

normal(既定値:通常), small-caps(大文字)のいずれかを指定します。
CSS2 からは inherit(継承)も指定可能です。
small-caps を指定すると、アルファベットの小文字が(すこし小さめの)大文字で表示されるようになります。

指定例:
H1, H2 { font-variant: small-caps; }


font-weight: weight

フォントの太さを normal(既定値), bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900 のいずれかで指定します。
IE4.0 や Netscape 4.0 では通常と太字の 2種類しかサポートしていないので、normal(通常)と bold(太字)以外を使用することは少なそうです。

指定例:
DT { font-weight: bold; }


font-size: size

フォントの大きさを指定します。
絶対指定として xx-small, x-small, small, medium(既定値), large, x-large, xx-large、相対指定として larger, smaller、絶対単位指定として 10in, 10cm, 10mm, 10pt, 10pc, 相対単位指定として 10px, 10ex, 10em などを、割合指定として 120% などを指定します。単位を省略して 20 のようには指定できないので注意してください。

周りのフォントに対する相対的な大きさを指定する時は 120% などのパーセント指定が無難です。small や smaller などや、em や ex などの単位は、ブラウザにより解釈が異なるため、予想外のフォントサイズになるという悲劇がおこることがあります。

画像サイズにあわせてフォントの大きさを固定したいという要望がありますが、ブラウザによって単位の解釈が異なるため、すべてのブラウザで同じフォントの大きさを実現するのは困難なようです。

指定例:
BODY, TH, TD { font-size: 16pt; }
PR
COMMENT
name
title
text
color   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
mail
URL
pass
secret
PREV ←  HOME  → NEXT
スポンサーリンク
アーカイブ
リンク集
北坂グルメ_北坂戸駅周辺のおいしいランチや居酒屋情報
泣けるコピペwiki
おもしろコピペ満載の笑えるコピペwiki
結婚式のマナーとルール
サニーライフ・ハッピーライフ
神奈川のトランポリン「グラビティゼロ」
世界中が熱狂の渦に!!ベビーメタル(BABY METAL)
google隠しコマンド
かわいいキツネのモフモフ天国☆蔵王キツネ村
ペンギンのいるBAR 池袋
中野富士見町駅周辺のおいしいラーメン屋さん
横浜家系ラーメンとは
渋谷のおいしいラーメン
稲荷町駅周辺の人気のおいしいラーメン
駒込にあるおいしいラーメン屋情報
上野広小路駅周辺のおいしいラーメン屋さん
巣鴨駅周辺にあるおいしいカレー
各種ブラウザ比較
Windows7高速化
仕事で役立つ資格
近年流行の台湾料理屋さん
彼岸島おもしろ画像特集
【テニスの王子様】おもしろ画像まとめ
デスノートおもしろコラ画像大集合
ショートカット美少女天使本田翼
世界中が熱狂の渦に!!ベビーメタル(BABY METAL)
黒髪童顔の超絶美少女アイドル長澤茉里奈
かわい過ぎる女子アスリート木村沙織
岡山の奇跡☆桜井日奈子がかわい過ぎ
滝口ひかりちゃんがかわい過ぎる!!
バキ(刃牙)の笑える画像大集合
【テラフォーマーズ】最強テラフォーマー
【テラフォーマーズ】マーズランキング
デート向けに個室のある新宿の居酒屋
渋谷の回転寿司情報 JKの作業を観察☆アキバ観光
全国猫島情報
純愛ババア学園がすごい
部活少女バトル
家電少女とは
ドラマティックアクションRPG消滅都市
βテスト公開中のしんけん!!
しんけん!!解説
顎クイの魅力
口内炎対策
Copyright (C) 2018 スタイルシートリファレンス All Rights Reserved.

Photo by (c)Tomo.Yun   TemplateDesign by kaie
忍者ブログ [PR]