BOOK機能を装飾するテンプレ携帯ﾎｰﾑﾍﾟｰｼﾞﾌｫﾚｽﾄ

BOOK機能を装飾するテンプレ □まえがき２ 1ﾍﾟｰｼﾞ/1ﾍﾟｰｼﾞ前頁の３ページめから BOOK機能でスマホ向けに使えるタグ・div（汎用的なブロック要素）・font（文字）・a（リンク）・br（改行）・img（画像）・marquee（スクロール）・b（太字）使えないタグ・h1～h6（見出し）・p（段落）・ul（リスト）・table（表）・hr （水平線）・form（フォーム）・span（汎用的なインライン要素）・ruby（ルビ）・big（大きい文字）・small（小さい文字）・i（イタリック）・strike（取り消し線）・u（下線）・em（強調）・strong（強調）・blockquote（引用） etc. ※2015 8/25の仕様変更でbタグが使えるようになりましたので修正。使えないタグをスマホ向けにdivで代用する例 ◆水平線「hr」このようなタグを使っています↓ <div style="border-top:1px solid black;"></div> ＜div style="border-top:1px solid black;"＞＜/div＞書き出すとこんな感じ。ふつう＜div＞と＜/div＞の間に文字や文章を挟んで使いますが、何も挟まないとこがポイント。「1px」の数値を変えれば、線の太さは無限に変えられます。ちなみに上記の水平線は、上から1px、2px、3pxとなっています。「black」を好きな色名、またはカラーコードにすることで色を変えられます。「solid」をdottedやdashedにすれば破線やドットになります。それらを踏まえて応用↓ タグはこちら↓ <div style="border-top:3px dotted #ff69b4;"></div> ◆強調「strong」「うちの今日の寝床は段ボールかいな！」段ボール、の部分が強調。bタグが使えるなら必要ないかな…。タグ <div style="display:inline;font-weight:bold;">強調したい文字</div> ◆下線「u」「うちの今日の寝床は段ボールかいな！」段ボール、の部分に下線を引いています。タグ <div style="display:inline;text-decoration:underline;">下線をつける文字</div> この下線を破線にするならこう。「うちの今日の寝床は段ボールかいな！」タグ <div style="display:inline;border-bottom:1px dashed;">破線をつける文字</div> ◆取り消し線「strike」「うちの今日の寝床は段ボールかいな！」 book内でこんなん使ってる人見たことないですけど一応。タグ <div style="display:inline;text-decoration:line-through;">下線をつける文字</div> ◆おまけ「1002 」 100の２乗。上付き文字。 100<div style="display:inline;vertical-align:super;font-size:x-small;">2</div> 「H2 O」水の化学式。下付き文字。 H<div style="display:inline;vertical-align:sub;font-size:x-small;">2</div>O ◆おまけその２ ↑ これのタグ <div style="display:inline;background:#afeeee;padding:5px 10px;">◆背景付き文字</div> 背景色は#afeeee（ペールターコイズ）になってますけどお好きに変えてください。ちなみに画面幅いっぱいに背景色をつけるならこう。 ◆背景色が画面幅いっぱいタグ <div style="background:#afeeee;padding:5px 10px;">◆背景付き文字</div> [戻る] [TOPへ] [しおり]