質問板

スレッド一覧  

      

空白について  





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


no name
09/03 19:21    

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    

376  no name
レスポンスも新記事同様左側に文字の空白が自然と出来るタグ教えてもらえませんか?
06/10 15:27    

377  no name

 >>376 自分スマホからだけど空白打つじゃダメなの?

06/10 16:01    

378  no name

□あ

01/13 21:12    

379  no name

てすと、に

01/16 14:32    

380  ◆yinAheBtyR
>>379
>

てすと、に

10/28 23:00    

381  no name
 てすと
11/10 09:19    


スレッド一覧  

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

… ヒトリゴト …

 TOP

(C)i-eden