# 新しいCSSのborder-radiusとpaddingに関するフィードバック

**URL:** <https://meta.discourse.org/t/some-feedback-on-new-css-border-radius-and-padding/367544>\
**Category:** UX\
**Created:** [2025 年 5 月 25 日午後 4:17 UTC](https://meta.discourse.org/t/some-feedback-on-new-css-border-radius-and-padding/367544 "2025-05-25T16:17:48Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![j127](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j127/32/79093_2.png) [@j127](https://meta.discourse.org/u/j127)\
**Post date:** [2025 年 5 月 25 日午後 4:17 UTC](https://meta.discourse.org/t/some-feedback-on-new-css-border-radius-and-padding/367544/1 "2025-05-25T16:17:48Z")

</div>

Discourse を最新バージョンにアップデートしたところ、新しい CSS の境界線の丸み処理、特にヘッダーが暗いサイトで問題が発生しています。

以下は、ヘッダーが暗いサイトでのスクリーンショットで、要素がうまく組み合わなくなっています。

![暗いヘッダーでの丸み処理の問題](https://global.discourse-cdn.com/meta/original/4X/e/1/b/e1b5809820d17ba099df4f2a48e39978c133f344.png)

こちらは、このフォーラムで赤色の CSS 境界線を追加して見やすくしたものです。

![このフォーラムでの同じ問題](https://global.discourse-cdn.com/meta/original/4X/5/b/5/5b56052b800d80d9a6dde040ff1592aef530b693.png)

こちらは、まだアップデートされていないフォーラムでの表示です。丸みが少なく、以前のパディング（角が直線に接する部分の丸みがない）の方が全体的に見栄えが良いと思います。

 ![アップデート前の表示（境界線の丸みが少ない）](https://global.discourse-cdn.com/meta/original/4X/b/9/2/b92372cfcdd8a002cc208bbd6c6b23f60bb7eb18.png)

全体的に、丸みが少ない方が見栄えが良いと思います。別の例を挙げます。

 ![接する要素の境界線の丸み](https://global.discourse-cdn.com/meta/original/4X/8/2/8/82865230bd72bd6a17af4bb7673ef3a3aa861fef.png)

比較のために古いバージョンを示します（私の意見ではこちらの方が良いですが、外側の角は 2px の丸み処理の方が良いかもしれません）。

 ![境界線の丸みがない接する要素](https://global.discourse-cdn.com/meta/original/4X/e/7/0/e7020eb92a42d8f11825c459f60f00e80cbd29f1.png)

いくつか提案です。

---

_[View the full topic](https://meta.discourse.org/t/some-feedback-on-new-css-border-radius-and-padding/367544)._