Какие свойства границ (border) есть в CSS?

Question

Accepted Answer

## Базовое понимание

Граница — часть box model: ширина, стиль, цвет; плюс радиус (форма).

## Свойства

- Shorthand: `border`, `border-top`…
- Длинные: `border-width`, `border-style`, `border-color` (+ стороны)
- `border-radius`
- Отдельно: `border-image`, `outline` (не в box model), `box-shadow` (не border)

```css
.card {
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  border-bottom-width: 3px;
}
```

Без `border-style` граница часто не видна (style по умолчанию `none`).

## Итог

Назовите width/style/color + radius; уточните, что `outline` — не border.