相変わらず雪が舞う。
でも積もった雪は、日増しにとけて減っていく。
874 at 1/31
謎の数字。
Unix like?なブロックインデント(ライン付き)
これ↓です。
次の部分が字下げになっています。
この部分です。
入れ子にできます。
Unix使いの人がよく、
などと、「#」などを使いながら字下げをしていることがあります。今でもメールとかならよくやるんですが、Blogで実現する場合、どうやるのかなあと思っていたのですが、contractioさんがご自分のはてなダイアリで使っていらっしゃったので、たぶんスタイルシートをいじればできるんだとわかりました。
そうですよね。# ほんとかよw
具体的には、スタイルシートの「ボックス」の指定を使います。
スタイルシート全般については、たとえば次のサイトなどを見ています。
要は、marginとpaddingで位置を定めておいて、border-leftだけを指定すれば、ブロック部分の左側だけに線を引けるわけです。
具体的にはこんな感じ。
div.t { margin:1em 1em 2em 2em;padding-left:0.7em; border-left:1px solid #aaa;font-size:90%; line-height:150% } div.t div { margin:0;padding:0em 0.5em;font-size:100%; }
これをスタイルシートに記述しておいて、
<blockquote> 次の部分が字下げになっています。 <div class="t"> この部分です。 <div class="t"> 入れ子にできます。 </div> </div> </blockquote>
とすると、さっきのような「引用ライン」付きインデントが実現できます。
※id:june_t:20050221#cのAyarinの発言を受けて