border — часть блочной модели элемента, занимает место и влияет на его размеры и положение. Используется для отрисовки рамки вокруг содержимого и отступов элемента.
outline — рисуется вне блочной модели элемента, не влияет на его размеры и положение, не занимает места. Часто используется для индикации фокуса, доступности или отладки.
Сравнение:
| Свойство | Часть блочной модели | Влияет на размеры | Занимает место | Отрисовывается | Назначение |
|---|---|---|---|---|---|
border | Да | Да | Да | Внутри блочной модели | Рамка элемента |
outline | Нет | Нет | Нет | Вне блочной модели | Индикация, отладка |