Где именно граница элемента нарисована относительно поля и отступов?

Question

В моем файле определения css я добавил css borders ко многим элементам, таким как контейнеры в списке, чтобы визуально разделить их. Однако линии границ иногда не видны или видны только частично.

Я предполагаю, что это может быть потому, что линия границы перезаписывается элементом рядом с ней, поэтому я хотел бы точно понять, где CN1 рисует границу. Например, оно находится внутри отступа, за пределами отступа, внутри поля или только вне поля? Кроме того, граница добавлена ​​ к размеру отступа или поля или она нарисована поверх того или другого?

Это кажется довольно простым вопросом, но я до сих пор не смог найти ответ (например, границы не показаны на диаграмме в разделе «Заполнение и поля» здесь: https://www.codenameone.com/manual/theme-basics.html), Так что любая помощь или указатель на документацию будет принята с благодарностью.

Answer 1

Граница является частью компонента, поэтому она попадает в отступы. Обратите внимание на этот абзац из раздела основы темы :

Заполнение и отступ - это понятия, полученные из блочной модели CSS. Они немного отличаются в Codename One, где интервал границ является частью отступа, но в остальном они очень похожи: ...

Таким образом, вы должны быть уверены, что отступов достаточно. содержать границу компонента. Маржа находится за пределами компонента, и компонент «не знает» о запасе.

Если вы считаете, что это недостаточно ясно или неправильно объяснено, вы можете отредактировать это, чтобы прояснить это на вики-странице здесь: https://github.com/codenameone/CodenameOne/wiki/Theme-Basics

Документы создаются на этой странице, см. https://www.codenameone.com/blog/tip-edit-docs-fun-profit.html