七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Oct , 2026
Sep , 2026

Aug , 2026

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Feb 23, 2005

楽天で使えるスタイルシート（余白編）

(9)

カテゴリ：タグ教室

今日はスタイルシートを使った便利な小技を紹介してみます。

かなり使用頻度が高いと私が勝手に思っている記述方法です(〃⌒▽⌒)
では早速。

記述例）
ここに文章

表示結果）

ここに文章

border～なんてのは分かり易く外枠を付けてみただけですので、
今回の話には関係ありません。

これを指定したタグの「上余白」を50pxにしなさい、という指定になります。
余白をあけたい場合に 
なんてことやっていませんか？
スタイルシートで指定する方が随分とスマートですよね(￣▽￣人)

更に…。

記述例）
ここに文章

表示結果）

ここに文章

なんて記述をしますと、左余白を指定することもでき、
MSWord などで言います「インデント」のような指定もすることができます。
他にも「margin-bottom」「margin-right」のように、下余白、右余白も指定することができます。

 や全角スペースの連記なんて大抵の場合は見た目を指定するものです。
これらで余白を調整しても、ブラウザによっては省略されてしまいますし、
そもそも環境によって見た目も変わってきますので細かい指定をすることは不可能です。
余白を指定する場合には「margin」で(￣▽￣人)
しっかり覚えておきましょう(〃⌒▽⌒)

お気に入りの記事を「いいね！」で応援しよう