Почему border-width в инспекторе округляется кратно 0.8?

Проблема с округлением значения border-width до ближайшего кратного числа может возникнуть из-за спецификации CSS, которая определяет, что значения для border-width должны быть целыми числами. В некоторых браузерах, при работе с нецелыми значениями, они могут быть округлены до ближайшего кратного числа.

Если вам необходимо использовать конкретное значение для border-width, но вы столкнулись с проблемой округления, можно попробовать использовать свойство border-style вместо border-width. Например, вы можете установить border-style в solid и использовать псевдоэлементы ::before и ::after для создания эффекта border с нужной толщиной.

Пример кода на PHP:

 
    .border {
        position: relative;
        width: 100px;
        height: 100px;
    }
    .border::before, .border::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 10px; /* Желаемая толщина границы */
        background-color: black; /* Цвет границы */
    }
    .border::before {
        left: 0;
    }
    .border::after {
        right: 0;
    }
 
 
<div class="border"></div>

Этот способ позволит вам создать границы с нужной толщиной, не беспокоясь об округлении значений в инспекторе браузера. Не забудьте подстроить ширину псевдоэлементов их высоте или использовать другие методы для создания границ с нужной толщиной.