【びーにぃ】の、Wiki攻略本

○今年も、良い日になりますように〜！ ＼(^o^)／

過去の投稿日別表示

[ リスト | 詳細 ]

2005年08月21日

← 2005年8月20日 | 2005年8月22日 →

全1ページ

[1]

●fontプロパティ 「行間、フォントの種類」（CSS）

●fontプロパティ　「行間、フォントの種類」（CSS）


【例文】の行が長くなる場合は、途中の行で「 ↓連続 」を書き、
　最後の行末を「 <--改行 」で書いています。
【実際】の文を作成する場合は、「 ↓連続 」と「 <--改行 」を全部、削除してください。

※記事の中で、「半角」の記号で説明文を書くと、文の記号が見えない場合があります。
　そのため、【例文】で全角の記号を書いています。
※実際に文を書く時は、全角の記号を、半角の記号に変えてください。

【単独のみの基本文を作成（行末に || （縦棒×２）】
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列||
【複数の基本文を作成（１行目の設定は空白行、２行目から行末の || （縦棒×２）は入りません）】
||<#ffffff' ``||
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列　←文１
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列　←文２
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列　←文３
　　　　　：
　　　　　：
【上（下）の行の後から、単独の文を作成（行末に || （縦棒×２）】
||<背景色' colspan=＊ style=' プロパティ:値; プロパティ:値; ...;' ``文字列||

※colspan=＊ の ＊ は、上（下）の横列に文を作る数値です。
　 （１文→ colspan=1、２文→ colspan=2、３文→ colspan=3、、、）

作成サンプル

※fontプロパティの font-size と font-family は、省略できません！

○文字の行間（line-height）「normal」、「1.5」、「200%」を設定します。

【例文】
||<#ffffff' style=' font:12px/normal sans-serif;’``○文字と文字の中で行間「12px/normal（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/normal（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/normal（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/normal（サイズ/行の高さ）」を指定します。||

||<#ffffff' style=' font:12px/1.0 sans-serif;’``○文字と文字の中で行間「12px/1.0（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/1.0（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/1.0（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/1.0（サイズ/行の高さ）」を指定します。||

||<#ffffff' style=' font:12px/300% sans-serif;’``○文字と文字の中で行間「12px/300%（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/300%（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/300%（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/300%（サイズ/行の高さ）」を指定します。||
【実際】
○文字と文字の中で行間「12px/normal（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/normal（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/normal（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/normal（サイズ/行の高さ）」を指定します。

○文字と文字の中で行間「12px/1.0（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/1.0（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/1.0（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/1.0（サイズ/行の高さ）」を指定します。

○文字と文字の中で行間「12px/300%（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/300%（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/300%（サイズ/行の高さ）」を指定します。○文字と文字の中で行間「12px/300%（サイズ/行の高さ）」を指定します。

○文字のフォント名（font-family）の中で、５つあるフォントの種類（serif、sans-serif、
　cursive、fantasy、monospace）を設定します。

※フォントの種類とは、ブラウザで設定されているデフォルト・フォントのことで、
　パソコン自体が情報のキーワードを検索し、そのフォント名を指定されています。
　（例：Windows→"ＭＳ Ｐゴシック"、Macintosh→Osaka　など）

【例文】
||<#ffffff' style=' font:14px sans-serif;' ``この sans-serif は、ゴシック系フォントです＝ ABCDEFG abcdefg 1234567890||
||<#ffffff' style=' font:14px serif;’``この serif は、明朝系フォントです＝ ABCDEFG abcdefg 1234567890||
||<#ffffff' style=' font:14px cursive;’``この cursive は、草書体・筆記体フォントです＝ ABCDEFG abcdefg 1234567890||
||<#ffffff' style=' font:14px fantasy;’``この fantasy は、装飾的なフォントです＝ ABCDEFG abcdefg 1234567890||
||<#ffffff' style=' font:14px monospace;’``この monospace は、等幅フォントです＝ ABCDEFG abcdefg 1234567890||
【実際】
この sans-serif は、ゴシック系フォントです＝ ABCDEFG abcdefg 1234567890
この serif は、明朝系フォントです＝ ABCDEFG abcdefg 1234567890
この cursive は、草書体・筆記体フォントです＝ ABCDEFG abcdefg 1234567890
この fantasy は、装飾的なフォントです＝ ABCDEFG abcdefg 1234567890
この monospace は、等幅フォントです＝ ABCDEFG abcdefg 1234567890

【記事作成 ＞ びーにぃc　http：//blogs.yahoo.co.jp/bea_nies 】

開く トラックバック（0）

●fontプロパティ「スタイル、太さ、サイズ」（CSS）

●fontプロパティ「スタイル、太さ、サイズ」（CSS）


【例文】の行が長くなる場合は、途中の行で「 ↓連続 」を書き、
　最後の行末を「 <--改行 」で書いています。
【実際】の文を作成する場合は、「 ↓連続 」と「 <--改行 」を全部、削除してください。

※記事の中で、「半角」の記号で説明文を書くと、文の記号が見えない場合があります。
　そのため、【例文】で全角の記号を書いています。
※実際に文を書く時は、全角の記号を、半角の記号に変えてください。

【単独のみの基本文を作成（行末に || （縦棒×２）】
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列||

作成サンプル


fontプロパティの中は、「font-style」⇔「font-variant」⇔「font-weight」（以下順不同）→
「font-size」→「line-height」→「font-family」で各プロパティの値が指定されています。
そして、その各プロパティの順序は上記の通り決まっています。
※ただし、fontプロパティの「font-size」と「font-family」では、省略できません！

○文字のスタイル（font-style）の「normal」、「italic」、「oblique」を設定します。

【例文】（スタイル→サイズ→フォント名）
||<#ffffff' style=' font:normal 14px sans-serif;’``normal = ABCDE abcde 12345||
||<#ffffff' style=' font:italic 14px sans-serif;’``italic = ABCDE abcde 12345||
||<#ffffff' style=' font:oblique 14px sans-serif;’``oblique = ABCDE abcde 12345||
【実際】
normal = ABCDE abcde 12345
italic = ABCDE abcde 12345
oblique = ABCDE abcde 12345

○文字の太さ（font-weight）の「bold」、「400」、「900」を設定します。

【例文】（太さ→サイズ→フォント名）
||<#ffffff' style=' font:bold 14px sans-serif;’``bold = ABCDE abcde 12345||
||<#ffffff' style=' font:400 14px sans-serif;’``400 = ABCDE abcde 12345||
||<#ffffff' style=' font:900 14px sans-serif;’``900 = ABCDE abcde 12345||
【実際】
bold = ABCDE abcde 12345
400 = ABCDE abcde 12345
900 = ABCDE abcde 12345

○文字のサイズ（font-size）の「xx-small」、「x-small」、「small」、「medium」、「large」、
　 「x-large」、「xx-large」、「smaller」、「larger」、「9px」、「12px」、「30px」、「100px」
　 を設定します。

【例文】（サイズ→フォント名）
||<#ffffff' style=' font:xx-small sans-serif;’``xx-small||
||<#ffffff' style=' font:x-small sans-serif;' ``x-small||
||<#ffffff' style=' font:small sans-serif;' ``small||
||<#ffffff' style=' font:medium sans-serif;' ``medium||
||<#ffffff' style=' font:large sans-serif;' ``large||
||<#ffffff' style=' font:x-large sans-serif;' ``x-large||
||<#ffffff' style=' font:xx-large sans-serif;' ``xx-large||
||<#ffffff' style=' font:smaller sans-serif;' ``smaller||
||<#ffffff' style=' font:larger sans-serif;' ``larger||
||<#ffffff' style=' font:9px sans-serif;' ``9px||
||<#ffffff' style=' font:12px sans-serif;' ``12px||
||<#ffffff' style=' font:20px sans-serif;' ``20px||
||<#ffffff' style=' font:50px sans-serif;' ``50px||
||<#ffffff' style=' font:70px sans-serif;' ``70px||
||<#ffffff' style=' font:100px sans-serif;' ``100px||
【実際】
xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
9px
12px
20px
50px
70px
100px

【記事作成 ＞ びーにぃ©　http：//blogs.yahoo.co.jp/bea_nies 】

開く トラックバック（2）

●文字の途中で、フォントを変える (Wiki)

●文字の途中で、フォントを変える (Wiki)


【例文】の行が長くなる場合は、途中の行で「 ↓連続 」を書き、
　最後の行末を「 <--改行 」で書いています。
【実際】の文を作成する場合は、「 ↓連続 」と「 <--改行 」を全部、削除してください。

※記事の中で、「半角」の記号で説明文を書くと、文の記号が見えない場合があります。
　そのため、【例文】で全角の記号を書いています。
※実際に文を書く時は、全角の記号を、半角の記号に変えてください。

【単独のみの基本文を作成（行末に || （縦棒×２）】
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列||　←１行の文
【複数の基本文を作成（１行目の設定は空白行、２行目から行末の || （縦棒×２）は入りません）】
||<#ffffff' ``||　←まず、空白行の文を、必ず作成します。
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列　←１行（１つの文）
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列　←１行（２つの文）
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列　←１行（３つの文）
　　　　　：
【上（下）の行の後から、単独の文を作成（行末に || （縦棒×２）】
||<背景色' colspan=＊ style=' プロパティ:値; ...;' ``文字列||　←複数行の中での、１行の文

※colspan=＊ の ＊ は、上（下）の横列に文を作る数値です。

作成サンプル（ fontプロパティ )


○途中の行で改行すると、１つ１つの文が改行されてしまいます。
　※文と文を狭めるのには、style='〜' の中に「padding」プロパティを入れます。
　※ここでは、「padding:0px;」を入れました。

【例文】
||<#ffffff' ``||
||<#ffffff' style=' padding:0px; font:italic 14px;' ``総合１「Wikiリファレンス」の本です！
||<#ffffff' style=' padding:0px; font:bold 14px;’``面白いこと、
||<#ffffff' style=' padding:0px; font:14px;' ``いっぱい詰まってま〜す！総合２「Wikiリファ
レンス」の本です！ 面白いこと、いっぱい詰まってま〜す！　総合３「Wikiリファレンス」の本で
す！ 面白いこと、いっぱい詰まってま〜す！＼(^o^)/」。
【実際】
総合１「Wikiリファレンス」の本です！ 面白いこと、 いっぱい詰まってま〜す！総合２「Wikiリファレンレンス」の本です！ 面白いこと、いっぱい詰まってま〜す！　総合３「Wikiリファレンス」の本です！ 面白いこと、いっぱい詰まってま〜す！＼(^o^)/」。

　　　　　↓　↓　↓

○行を作る場合は、まず１行の行末で改行します。
　（ここでは第４文の　〜！総合２「Wikiリファレン　までで、切りが付ける場所で改行します。）
○そして、最後は【上（下）の行の後から、単独の文を作成（行末に || （縦棒×２）】で
　 文を作成して完了です。
　※ここでは、colspan=3 です。

【例文】
||<#ffffff' ``||
||<#ffffff' style=' padding:0px; font:italic 14px;' ``総合１「Wikiリファレンス」の本です！
||<#ffffff' style=' padding:0px; font:bold 14px;’``面白いこと、
||<#ffffff' style=' padding:0px; font:14px;' ``いっぱい詰まってま〜す！総合２「Wikiリファ
||<#ffffff' colspan:3 style=' padding:0px; font:14px;' ``レンス」の本です！ 面白いこと、い
っぱい詰まってま〜す！　総合３「Wikiリファレンス」の本です！ 面白いこと、いっぱい詰まってま
〜す！＼(^o^)/」。||
【実際】
総合１「Wikiリファレンス」の本です！ 面白いこと、 いっぱい詰まってま〜す！総合２「Wikiリファ
レンス」の本です！ 面白いこと、いっぱい詰まってま〜す！　総合３「Wikiリファレンス」の本です！ 面白いこと、いっぱい詰まってま〜す！＼(^o^)/」。

【記事作成 ＞ びーにぃ©　http：//blogs.yahoo.co.jp/bea_nies 】

開く トラックバック（1）

全1ページ

[1]

Yahoo!ブログからのお知らせ

.
びーにぃ
びーにぃ
男性 / O型
人気度
Yahoo!ブログヘルプ - ブログ人気度について

ブログバナー

検索 検索

最新のコメント

最新のトラックバック

日 月 火 水 木 金 土
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31

過去の記事一覧

友だち(7)
  • komiti
  • お嬢
  • 【電柱】*）Ｕｓａ
  • jyajya
  • e**ma
  • hige
友だち一覧

Yahoo!からのお知らせ

仲間関係

Wiki文法関連

フラッシュ関連

ブログ素材

音楽関連

常連さん

ブログ関連

よしもとブログランキング

もっと見る

[PR]お得情報

話題の新商品が今だけもらえる！
ジュレームアミノ　シュープリーム
プレゼントキャンペーン
ふるさと納税サイト『さとふる』
実質2000円で特産品がお手元に
11／30までキャンペーン実施中！
コンタクトレンズで遠近両用？
「2WEEKメニコンプレミオ遠近両用」
無料モニター募集中！
お肉、魚介、お米、おせちまで
おすすめ特産品がランキングで選べる
ふるさと納税サイト『さとふる』

その他のキャンペーン

プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事
前へ 次へ