255838

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

七鍵＠楽天

コメント新着

うしまる＠ @ 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」で(￣▽￣人)
しっかり覚えておきましょう(〃⌒▽⌒)

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

最終更新日 Feb 23, 2005 11:30:57 PM
コメント(9) | コメントを書く

[タグ教室] カテゴリの最新記事

■コメント

スタイルシート♪

ｆｏｏｌｉｓｈ☆ｆｏｏさん

こんばんは。

> や全角スペースの連記なんて大抵の場合は見た目を指定するものです。
これらで余白を調整しても、ブラウザによっては省略されてしまいますし、
そもそも環境によって見た目も変わってきますので

そうなんですよねぇ～！
スタイルシートを使ってなるべくスマートに決めたい！(^^)
簡単なhtmlタグを使うくらいにいつでも使いこなせればいいんですけど、
普段あまり使わないと覚えたことすぐ忘れちゃうんです。^^;
慣れるのが一番ですね。
練習しま～す。(^^)ノ

(Feb 23, 2005 11:41:44 PM)

返事を書く

Re:楽天で使えるスタイルシート（余白編）(02/23)

もとsun さん

おはようございます。
スタイルシートって日記の中で使えるんですよね？
例えば日記に画像をつける時やなんかに良さそうですね。
ありがとうございました＾＾
(Feb 24, 2005 09:07:57 AM)

返事を書く

Re:スタイルシート♪(02/23)

＃七鍵さん

ｆｏｏｌｉｓｈ☆ｆｏｏさん

いらっしゃいませ(〃⌒▽⌒)

何でも順番にこつこつと。
少しずつ覚えましょう(〃⌒▽⌒)
marginは意外と使う場面多いと思いますよ。
例えば…

改行を一回も使わず日記を書く

こんな場合に（笑
あ、ちなみに正しい（？）HTMLでは改行なんてする必要ないらしいです。
ついつい便利なので私も多様していますが(´･ω･`)

(Feb 25, 2005 12:29:11 AM)

返事を書く

Re[1]:楽天で使えるスタイルシート（余白編）(02/23)

＃七鍵さん

もとsunさん

いらっしゃいませ(〃⌒▽⌒)

もちろん日記でも使えますよ。
今回は余白を増やすことを紹介しましたが、
もちろん減らすことも出来ます。
例えば…
段落を表す「P」、リストを作る「UL」など。
ブラウザが適当に余白を作りますよね。
この値を調節したい場合などにも使えます(〃⌒▽⌒)

(Feb 25, 2005 12:31:39 AM)

返事を書く

Re:楽天で使えるスタイルシート（余白編）(02/23)

な～～るさん

こんにちは。これもスタイルシートなんですねえ。
{}で書いてあるのだけかと思ってました。
しかし、marginの綴りを間違えそうっ！！(^^;)ゞ (Feb 25, 2005 10:33:05 PM)

返事を書く

Re[1]:楽天で使えるスタイルシート（余白編）(02/23)

＃七鍵さん

な～～るさん

いらっしゃいませ(〃⌒▽⌒)

スタイルシートは「｛｝」を使っても書けますし、
タグ内に直接書くことも出来ます。
楽天では主に後者（というよりは後者のみ）になるでしょうね。
更に慣れてきたら外部スタイルシート…なんて方法もあるのですが
これまた楽天では使えません(´･ω･`)
外部スタイルシートなんて使えたら模様替えもかなり楽になるのですがね。

(Feb 25, 2005 11:46:34 PM)

返事を書く

Re[2]:楽天で使えるスタイルシート（余白編）(02/23)

な～～るさん

＃七鍵さん、おはようございます
-----
外部スタイルシートですか。
イメージは、あるけれど、実際に使ったことないので
・・・う～～～ん、難しそうですねぇ・・(^^;)ゞ。
最初にスタイルを宣言する書き方と、別シートに
スタイルシートを書く書き方ってあります？本を見ると、そういうイメージで受け止めたけれど・・。
(Feb 26, 2005 08:22:51 AM)

返事を書く

Re[3]:楽天で使えるスタイルシート（余白編）(02/23)

＃七鍵さん