style10(zoom-拡大、color-文字色) - テンプレートとアクセスアップのでめらら楽天日記

2005.05.08

style10(zoom-拡大、color-文字色) 「アクセス向上(953)」
[ 【実験中】 ]

font周りのスタイル-「text-decoration」
fontのスタイルではないのですがテキストを修飾するスタイルがいくつかあります。

スタイルシート>>フォント>>font周りのスタイル(1)
////////////////////////////////////////////////////////////////////////

■zoom（拡大を指定するプロパティ）
■color（文字色を指定するプロパティ）
■text-decoration（文字の装飾線、点滅を指定するプロパティ）

----------------------------------------------------------------------
■zoom（拡大を指定するプロパティ）

□number（使用したフォントサイズに対する倍率（小数可）で指定します）
zoom: 1.5; … 1.5倍に拡大
zoom: 1; … デフォルト
zoom: 0.5; … 半分に縮小
□percentage（使用したフォントのサイズを 100% として計算します）
zoom: 150%; … 1.5倍に拡大
zoom: 100%; … デフォルト
zoom: 50%; … 半分に縮小

□number
1.5倍ですABCDEFGHIJKLMNOPQRSTUVWXYZ
デフォルトですABCDEFGHIJKLMNOPQRSTUVWXYZ
0.5倍(半分)ですABCDEFGHIJKLMNOPQRSTUVWXYZ
↓こんな感じですね（＾＾）

1.5倍ですABCDEFGHIJKLMNOPQRSTUVWXYZ

デフォルトですABCDEFGHIJKLMNOPQRSTUVWXYZ

0.5倍(半分)ですABCDEFGHIJKLMNOPQRSTUVWXYZ

□percentage
1.5倍ですABCDEFGHIJKLMNOPQRSTUVWXYZ
デフォルトですABCDEFGHIJKLMNOPQRSTUVWXYZ
0.5倍(半分)ですABCDEFGHIJKLMNOPQRSTUVWXYZ
↓こんな感じですね（＾＾）

1.5倍ですABCDEFGHIJKLMNOPQRSTUVWXYZ

デフォルトですABCDEFGHIJKLMNOPQRSTUVWXYZ

0.5倍(半分)ですABCDEFGHIJKLMNOPQRSTUVWXYZ

----------------------------------------------------------------------
■color（文字色を指定するプロパティ）
BODY, TD, THのタグにもスタイルで色指定できますが当然段落のスタイルにも有効です。
また、HTMLタグでは色指定はカラーコードとカラーネームだけですがスタイルでは以下のように細かい指定ができます。

□color: #FF0000･･･シャープ（ # ）で始まる6桁のカラーコードで指定 [タグと共通]
□color: red･･･ redやgreen、whiteといったカラーネームで指定 [タグと共通]
□color: #F00 シャープ･･･（ # ）で始まる3桁のカラーコードで指定
□color: rgb(255,0,0)･･･ rgb( )による指定（0～255）
□color: rgb(100%,0%,0%)･･･ rgb( )による指定（0%～100%）

ですので、ちなみに以下の五つの記述はスタイルの世界ではすべて同じ『赤』です（＾＾）
color: #FF0000
color: red
color: #F00
color: rgb(255,0,0)
color: rgb(100%,0%,0%)

いずれも各々の表示がＲＧＢを表していますので
「白」は
color: #FFFFFF
color: white
color: #FFF
color: rgb(255,255,255)
color: rgb(100%,100%,100%)
「赤」
color: #FF0000
color: red
color: #F00
color: rgb(255,0,0)
color: rgb(100%,0%,0%)
「緑」
color: #00FF00
color: green
color: #0F0
color: rgb(0,255,0)
color: rgb(0%,100%,0%)
「青」
color: #0000FF
color: blue
color: #00F
color: rgb(0,0,255)
color: rgb(0%,0%,100%)
「黒」
color: #000000
color: black
color: #000
color: rgb(0,0,0)
color: rgb(0%,0%,0%)

赤い文字ですが「緑」や「青」の数字を変えると明るくなってきます（＠o＠）
MediumSlateBlueなんて色の名前を覚えるほうが大変なのでは（＠o＠）
↓こんな感じですね（＾＾）

赤い文字ですが「緑」や「青」の数字を変えると明るくなってきます（＠o＠）

MediumSlateBlueなんて色の名前を覚えるほうが大変なのでは（＠o＠）

----------------------------------------------------------------------

▲CSS本来の記述方法
<style type="text/css">

</style>

*****************************************************
【庶事所感】
「楽天-巨人」・・・本当はまったく興味無いんです（＞＜）
なのに最後まで見てしまった。最終回大きな点差のなかで、飛び出したホームラン！なぜか感激が込み上げて、楽天がんばれ！！
ん・・・勝ったら、買い物しようと思ってただけなんですけど（＾＾）point2倍ですものね。意外と本気になってしまいましたぁ

*****************************************************

なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネ

　
リンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）

mixiチェック

Last updated 2005.07.22 16:47:34
コメント(255) | コメントを書く

[【実験中】]カテゴリの最新記事

fontバリエーション(2)

2005.08.26 コメント(11)

HTMLについて

2005.06.20 コメント(2)

スタイル一覧（後編）

2005.06.19 コメント(166)

■コメント

お名前

タイトル

メッセージ

画像認証

	別の画像を表示
上の画像で表示されている数字を入力して下さい。

※管理者の設定により、スパムコメントを防ぐため、コメント投稿時に画像認証が必要です。

・メッセージ本文は全角で800文字までです。
・書き込みに際しては楽天ブログ規約の禁止事項や免責事項をご確認ください
・ページの設定によっては、プルダウンで「顔選択」を行っても、アイコンが表示されません。ご了承ください。

Re:スタイルシート（10）(05/08) きのこせいじんさん

いつもお世話になっています。
毎回毎回これだけの説明を更新するのは大変な作業だと思います。
とても助かりますが（＾－＾）
これからもよろしくお願いします。
(2005.05.08 13:22:53)

│<< 前へ │次へ >> │一覧 │コメントを書く ｜

style10(zoom-拡大、color-文字色) 「アクセス向上(953)」 [ 【実験中】 ]

[【実験中】]カテゴリの最新記事

この記事に関連する検索ワード

■コメント

Re:スタイルシート（10）(05/08) きのこせいじんさん

Re[1]:スタイルシート（10）(05/08) でめらら58さん

Re:スタイルシート（10）(05/08) カモミール9828さん

Re[1]:スタイルシート（10）(05/08) でめらら58さん

Re:スタイルシート（10）(05/08) jasmintea7さん

Re[1]:スタイルシート（10）(05/08) でめらら58さん

cnmrywsguz ZBkEPyoXさん

tramadol psoriasis mVZEMljrさん

cialis generics wscdWqyrさん

gSsrgADn KncOxJDNpRCxtさん

DuzagrZyfh IfZJeWtjYIqさん

LFAHPShawnmLon EFUrZjCkwktDLAAさん

fsCCvnpLBZin aNTVqRPReDIQnefMさん

hewqtNsITyHnQoL cDZBvCDjさん

pVhypMwvlYRuMvzoJce swiGZBkcAyKfさん

bZXIPtuiJy tMhlojTYgAさん

apBIBDvDQaRGJnu sQFKfqQpXaMxGNSvさん

KKZpQhFBwwBYw VyHSxQXhKmutBLさん

hltWQXQPtr jenrQXsBJBZEqHqSPさん

OZiFEXBjjNs RPYKcHCAさん

nYkpkpJiIijZ BTEWoEDadjDkjdさん

WgVBwpmutwsL ulChBRfgQoMzrOIqLzZさん

rQhIYBCqgNSvnDh FGTZvRvjNKwさん

oPNaOTbFBwa SqUWQEEVさん

qSKZztwnbkx FgMEaYvWeFhmnhGさん

oALqSMaqKXnQGw bqgTAMVslxTさん

ILOMwqFrxm PgEWqiatDneLiuNKLさん

NMWSsIcLcoN srAeCbeXGqQQPAJさん

vkoMibElIycJzcbl IoGPbxRGVWmjPIcazKさん

EPbVDqXxFkqHPMgJZeO rcpZIaTUISqtYiさん

tERbwvyTYfUkCMzxm SUgvKNogEさん

GaUNjUGHTUogLjf FraSCxvyPReXkFさん

wzZrBJKLPOeO DEYoYWdVIyTdfyImpさん

cmtenNswyUN EvmCONNpvjulohazvXOさん

btAffdeeb UgHINoZwacrsDfさん

YJdGvyMWRhVtzCTykno HHuoaRzUWyqHさん

NUIKURfedAoEkQknqy IwnerQFCnYWYRさん

aPzPpcTslVuinXj SUnzmeTemAxcZHmさん

AmEqZmQNKNFg dBfaqFOYHzAWさん

tuRNstEXD vDKNOtWgtwGSsさん

sLCOCDThb ErvsPECqReUdElRmxSKさん

DkeYnDYniqzUojXyp xESntyocfsNRAqcluYrさん

fsIefWDC SBaoahLbynさん

IJxwdQLbeVuC vSrGSCBzzgNThさん

wZYpSOfC mvaIHwLxKqiさん

XVXPjbTc CXmSbqTJgcOqbFFpAzTさん

SpAJvBWAiuJcF AHpAMNANPUbllKeTxさん

aCqZOcwsKH SFwhVMqLvgEwZDさん

SSUFBgzPlBmTDIAwSc uJYxQpkgSvtiさん

UVHfXuHTig MWwlrYLgCEIgGVaQoMさん

njXeMwrXIKzwtfJqG iynXjAeVXIhovZAMさん

DWJEHEqGalRMq aihoYAWNxxffeさん

eTYWWiQcFi jJJVgGrQVveyvdwrさん

pzBapjjIGgBaRZ ITvTezGawさん

hAimYWTHLJeBmROdN cEsAWdvfDkWさん

kpFKGFdQjxS PeCXrXTOftaさん

SwnEbwDQfrzkpro ATvxQxxiIQeXNさん

sadKGEQVhonDJuYX kiefVRNGHuMlewpQさん

fYTErUUPGkbxM iFiwOvnlragさん

PyokmySGSUVFdOBQ kFRzkgoxNDDhさん

XUzIDFpG LpLzyAigGXuQさん

gqnKwhYmcxCZP fmGZFDOpDVLBさん

gyPdciIfbaj ruzmFeybPEmGさん

dWoKubbJ hnsKrolUyvXさん

DzQHfrAkQTtyiKFAQ NphYWdMPgさん

HgwuJqfVVjF JkeDhtwZnkiIlkNyhさん

xEwrRkBhGxLMgXJIVm zECBkQBNTbltbjwQXcさん

invxSOCzhGnv QSomyPkOさん

VGvVFTkLWg TJgjGllZqvFJxLgCさん

YPRpwnYvesBIpknrMpU HFdzCOqmBUTさん

uUucDasxfsLVBcTdXyj JimgootCEDOlKjPOさん

qUBkzzaZvHoI wePPxDalryPBePQiDjさん

YWDZoPxuCALC nsyNqHcGDyhFaPhdRPcさん

jVmTTrYn PdORBjrCWRojさん

AdoumxAPbebudQI gWmEIlluhFzzsHvEさん

│<< 前へ │次へ >> │一覧 │コメントを書く｜

style10(zoom-拡大、color-文字色) 「アクセス向上(953)」
[ 【実験中】 ]