フォントを一括で指定する

fontのまとめです。
font属性を利用すると、フォントを一括して設定できます。
フォントのスタイル・スモールキャピタル・サイズ・太さ・行間・フォントの種類
それぞれの属性を半角スペースで区切って指定し、
font-style属性、font-variant属性、font-weight属性、font-size属性、line-height属性、font-family属性の順に記述します。（font-style属性、font-variant属性、font-weight属性は、順番を入れ替える事ができます）ただし、font-size属性とline-height属性は、「/」で区切って記述します。
font-size属性とfont-family属性以外は記述を省略することが可能です。
省略した値には、normalが適用されます。

Welcome to My BLOG

||<#ffe4e1' style='font:italic small-caps 700 24pt/2em "Comic Sans MS";
color:#ff69b4;' ``Welcome to My BLOG||

コピーして張り付ける場合は、改行の空白を詰めて下さいね。

値	italic	small-caps	700	20pt	2em	"Comic Sans MS"
属性	font-style	font-variant	font-weight	font-size	line-height	font-family

YAHOO!BLOGで遊ぼう！

||<#00ced1' style='font:italic bold 22pt sans-serif;color:#ffffff;text-align:center;border-bottom:5px solid #00fa9a;border-top:5px solid #00fa9a;width:560px;' ``YAHOO!BLOGで遊ぼう！||

コピーして張り付ける場合は、改行の空白を詰めて下さいね。

Microsoft Internet Exploer

||<#ffa07a' style='font:bolder 20pt fantasy;border:5px double #ffa700;color:#ffff00;' ``Microsoft Internet Exploer||

Marlboro LIGHTS MENTHOL

||<#90ee90' style='font:24pt Impact;color:#ffffff;' ``Marlboro LIGHTS MENTHOL||

BLOGで遊ぼう！

||<#ffffff' style='font:bold 30pt cursive;color:blue;' ``BLOGで遊ぼう！||

© ＹＡＨＯＯ！ＢＬＯＧで遊ぼう！

転載元: 「ＴＡＫＥＳＩ★ＢＬＯＧ」のブログは閉鎖致します。

||<#ffffff' ``|| ||<#ffffff' rowspan=3 id=ab1 style='width:100px;height:180px;padding:0px;' `` ||<#ffe4e1' style='color:#ff3399;border:1px solid #ff9966' onmouseover=ab1.innerHTML='<img＆#32border=0＆#32src=http＆#58;//省略＆#32width=100＆#32height=180>' onmouseout=ab1.innerHTML='' ``いちごちゃん ||<#ffe4e1' style='color:#ff3399;border:1px solid #ff9966' onmouseover=ab1.innerHTML='<img＆#32border=0＆#32src=http＆#58;//省略＆#32width=100＆#32height=180>' onmouseout=ab1.innerHTML='' ``ひでさん ||<#ffe4e1' style='color:#ff3399;border:1px solid #ff9966' onmouseover=ab1.innerHTML='<img＆#32border=0＆#32src=http＆#58;//省略＆#32width=100＆#32height=180>' onmouseout=ab1.innerHTML='' ``ぶるみんさん ||<#ffe4e1' style='color:#ff3399;border:1px solid #ff9966' onmouseover=ab1.innerHTML='<img＆#32border=0＆#32src=http＆#58;//省略＆#32width=100＆#32height=180>' onmouseout=ab1.innerHTML='' ``MIMIMIさん ||<#ffffff' ``|| ||<#ffe4e1' style='color:#ff3399;border:1px solid #ff9966' onmouseover=ab1.innerHTML='<img＆#32border=0＆#32src=http＆#58;//省略＆#32width=100＆#32height=180>' onmouseout=ab1.innerHTML='' ``りかさん ||<#ffe4e1' style='color:#ff3399;border:1px solid #ff9966' onmouseover=ab1.innerHTML='<img＆#32border=0＆#32src=http＆#58;//省略＆#32width=100＆#32height=180>' onmouseout=ab1.innerHTML='' ``めぐみんさん ||<#ffe4e1' style='color:#ff3399;border:1px solid #ff9966' onmouseover=ab1.innerHTML='<img＆#32border=0＆#32src=http＆#58;//省略＆#32width=100＆#32height=180>' onmouseout=ab1.innerHTML='' ``らずりさん ||<#ffe4e1' style='color:#ff3399;border:1px solid #ff9966' onmouseover=ab1.innerHTML='<img＆#32border=0＆#32src=http＆#58;//省略＆#32width=100＆#32height=180>' onmouseout=ab1.innerHTML='' ``Tamaさん ||<#ffffff' ``|| コピーして貼りつける場合は、改行の空白を詰めて下さいね。＆#は、半角にして下さい！

テーブルを組んでいます。一番上段の↓がクリックしたときに表示するソースです。 #ffffff' rowspan=3 id=ab1 style='width:100px;height:180px;padding:0px;' `` #ffffffは、背景色。rowspan=3は、上下２列にセルを連結させてます。 idのNAMEを入れて、表示させてます。この名前はなんでもいいです。ここでは、ab1としときました。 padding:0pxで余白をなくしてますが、入れなくてもＯＫです。そして次の行です。 #ffe4e1' style='color:#ff3399;border:1px solid #ff9966' onmouseover=ab1.innerHTML='<img＆#32border=0＆#32src=http＆#58;//省略＆#32width=100＆#32height=180>' onmouseout=ab1.innerHTML='' ``いちごちゃん #ffe4e1は、背景色。color:#ff3399（文字色）、border:1px solid #ff9966（ボーダーの幅,種類,色） onmouseover（カーソルが触れた時）。ab1.innerHTML（interの前にID名)。 border=0（画像の余白を無くしてます）、空白の部分は半角＆#32をいれます。画像URL width=画像の横幅 height=画像の高さです。＜＞は半角ですよ。 onmouseout（カーソルが離れた時）、ab1.innerHTML=''空白なのは、画像が離れた時のアクションは特に必要がなかったので、入れませんでした。 ``いちごちゃん　``の後に文字を入れる。後は同じように記入するだけです。こんな説明で分るか疑問です。

||<#ffffff'style=padding:0px;background-image:url(http://～最初に表示する画像のＵＲＬ); onMouseOver=this.style.backgroundImage='url(http://～カーソルが乗った時の画像のＵＲＬ)' onMouseOut=this.style.backgroundImage='url(http://～カーソルが離れた時の画像のＵＲＬ)' width=200px height=200px ``|| ●後の``と||の間に``文字列を書くと文字が中央に入ります。色や大きさも変えられます。詳しくは背景画像の上に文字を書く記事をご覧下さい。|| ●http://の「：」を修正の度に「&＃58」に置き換えてください。onMouseの前の半角重要です。（メモ帳等で編集してからアップすると便利です。） ●画像の大きさとテーブルの大きさを同じにしてください。 ●画像は非公開の記事（書庫）かYahooブリーフケースにアップしてから使ってください。この画像元は非公開の記事にしてます。