▼名前
▼性別 選択 男 女
▼コメント[必須]>>375 > 本文レス部分はp.main【pタグ、class="main"】で統一されてるから、これに対してCSSでpadding(余白)を加えて上げれば自分以外のレスも含めて余白をもたせられます(divや他のp、detailsといったタグを使わない限り) 親記事に書けば親記事が表示されている限り(普通に読んでる限り)自動的ですので、お相手にも上下左右に余白を持たせて欲しい方などはこうした工夫をされる方が建設的ですね ↑ たとえば、これ【styleタグ内は表示されませんから、返信ボタンを押して読んでみてください】 上下に2em(p.main内での「m」の大きさ二つ分=フォントサイズが指定するピクセル数二つ分≠二行分【行間のスペースを含まないため】)、左右に3emのpaddingを与えています 親記事ではないので、このレスが表示されている間だけですが また、text-indentを加えて上げれば、その要素(この場合はp.main=レス部分全体)の最初を段落としすることもできます ↑たとえば、これ 通常は段落としに使いますが、敢えて-1emと指定したことで、落とす=右にずらすの逆方向、左に1字分上げることができます 更に、疑似要素::first-letter…最初の1字だけを対象にします…で修飾を加えて上げると…… ↑たとえば、これ 「最初の1字だけ」font-sizeを2em…つまり二倍にして、色を赤にしてみました
text-indentも::first-letterもp.mainが現れるたびに適用されるので、1レス内に二度三度とこれが欲しい場合は、p class="main"を何度でも作り直せば同様の効果が得られますよ……たとえばこの範囲のように
▼削除/編集パス※半角英数4〜8
back