質問板

スレッド一覧  

      

空白について  





←に空白をあける方法が分かる方いませんか?


no name
09/03 19:21    

361   あ 

 テスト

04/15 22:15    

362  ◆znffLp8hbB



あいうえお。

07/23 02:32    

363  no name



あいうえこ。

07/23 10:44    

364  no name




11/18 18:54    

365  no name

 
てす
 

12/22 22:20    

366  no name

 あ

01/12 19:18    

367  no name


01/17 22:16    

368  no name



03/08 15:31    

369  no name




03/08 15:31    

370  no name


テスト


05/21 21:29    

371  no name



テスト



05/21 21:37    

372  no name

 ︎︎

テスト


 ︎︎

05/21 21:46    

373  no name



 あ


05/29 03:32    

374  no name


 てす

05/29 03:32    

375  no name

本文レス部分は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"を何度でも作り直せば同様の効果が得られますよ……たとえばこの範囲のように

04/14 02:56    


スレッド一覧  

雑談趣味別なりきりアダルト
全カテゴリ一覧

… ヒトリゴト …


リニューアル版

 TOP

(C)i-eden