НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP ЯК ЗРОБИТИ W3.CSS JQUERY XML JAVA GO БІЛЬШЕ 🔍 ◑ КНИГИ ДОВІДНИКИ ВПРАВИ

CSS Підручник

CSS СТАРТ CSS Інтро CSS Синтаксис CSS Селектори CSS Як підключити CSS Коментарі CSS Кольори
Кольори RGB HEX HSL
CSS Фони
Background Колір Background Зображення Background Повторення Background Прикріплення Background Shorthand
CSS Межі
Межі Ширина межі Колір межі Сторони межі Border Shorthand Закруглені межі
CSS Поля
Поля Згортання полів
CSS Внутрішній відступ CSS Висота/Ширина CSS Блочна модель CSS Контур
Контур Ширина контура Колір контура Outline Shorthand Outline Offset
CSS Текст
Text Колір Text Вирівнювання Text Оформлення Text Трансформація Text Інтервал Text Тінь
CSS Шрифти
Сімейство шрифту Веб-безпечні шрифти Резервні шрифти Стиль шрифту Розмір шрифту Google-шрифти Поєднання шрифтів Font Shorthand
CSS Іконки CSS Посилання CSS Списки CSS Таблиці
Межі таблиці Розмір таблиці Вирівнювання в таблиці Стиль таблиці Адаптивність таблиці
CSS Display CSS Max-Width CSS Position CSS Z-index CSS Overflow CSS Float
Float Clear Float Приклади
CSS Inline-Block CSS Вирівнювання CSS Комбінатори CSS Псевдо-класи CSS Псевдо-елементи CSS Непрозорість CSS Панель навігації
Панель навігації Вертикальний навбар Горизонтальний навбар
CSS Випадаючі списки CSS Галерея зображень CSS Спрайти зображень CSS Селектори атрибутів CSS Форми CSS Лічильники CSS Макет веб-сайту CSS Одиниці CSS Специфічності

CSS Продвинутий

CSS Закруглені кути CSS Межі зображень CSS Фони CSS Кольори CSS Градієнти
Лінійні градієнти Радіальні градієнти
CSS Тіні
Ефекти тіні Тінь блоку
CSS Ефекти тексту CSS Веб-шрифти CSS 2D Трансформації CSS 3D Трансформації CSS Переходи CSS Анімації CSS Підказки CSS Стилі зображень CSS Підгонка об'єкту CSS Кнопки CSS Нумерація сторінок CSS Кілька стовпців CSS Користувальницький інтерфейс CSS Змінні
Функція var() Перевизначення змінних Змінні та JavaScript Змінні в медіа-запитах
CSS Розміри блоків CSS Медіа-запити CSS Приклади медіа-запитів CSS Flexbox
CSS Flexbox CSS Flex Контейнер CSS Flex Елементи CSS Flex Адаптивність

CSS Адаптивний

RWD Інтро RWD Область перегляду RWD Вигляд сітки RWD Медіа-запити RWD Зображення RWD Відео RWD Фреймворки RWD Шаблони

CSS Grid (Сітка)

Grid Інтро Grid Контейнер Grid Елементи

CSS Приклади

CSS Шаблони CSS Приклади CSS Вікторина CSS Вправи CSS Сертифікат

CSS Довідники

CSS Довідник CSS Селектори CSS Функції CSS Довідник аудіо CSS Безпечні веб-шрифти CSS Анімація CSS Одиниці CSS PX-EM Конвертер CSS Кольори CSS Значення кольору CSS Значення за замовчуванням CSS Підтримка браузерами

Place for your advertisement!
CSS3. Уроки W3Schools для початківців українською мовою

En

CSS Закруглені межі

❮ Prev Next ❯

CSS Закруглені межі

Властивість border-radius використовується для додавання закруглених меж елементу:

Звичайна межа

Закруглена межа

Більш закруглена межа

Ще більш закруглена межа

Приклад

p {
  border: 2px solid red;
  border-radius: 5px;
}
Спробуйте самі »

Примітка. Чим більше буде значення властивості border-radius (в пікселях), тим більше буде закругленість кутів.

Більше прикладів

Всі властивості верхньої межі в одній об’яві
В цьому прикладі демонструється скорочена властивість для встановлення всіх властивостей верхньої межі в одній об’яві.

Встановити стиль нижньої межі
В цьому прикладі показано, як встановити стиль нижньої межі.

Встановити ширину лівої межі
В цьому прикладі показано, як встановити ширину лівої межі.

Встановити колір чотирьох меж
В цьому прикладі показано, як встановити колір чотирьох меж. Може мати від одного до чотирьох кольорів.

Встановити колір правої межі
В цьому прикладі показано, як встановити колір правої межі.

Перевірте себе за допомогою вправ!

Вправа 1 » Вправа 2 » Вправа 3 » Вправа 4 »

Всі властивості CSS меж

Властивість Опис
border Встановлює всі властивості межі в одній об’яві
border-bottom Встановлює всі властивості нижньої межі в одній об’яві
border-bottom-color Встановлює колір нижньої межі
border-bottom-style Встановлює стиль нижньої межі
border-bottom-width Встановлює ширину нижньої межі
border-color Встановлює колір чотирьох меж
border-left Встановлює всі властивості лівої межі в одній об’яві
border-left-color Встановлює колір лівої межі
border-left-style Встановлює стиль лівої межі
border-left-width Встановлює ширину лівої межі
border-radius Встановлює всі чотири властивості border-*-radius для закруглених кутів
border-right Встановлює всі властивості правої межі в одній об’яві
border-right-color Встановлює колір правої межі
border-right-style Встановлює стиль правої межі
border-right-width Встановлює ширину правої межі
border-style Встановлює стиль чотирьох меж
border-top Встановлює всі властивості верхньої межі в одній об’яві
border-top-color Встановлює колір верхньої межі
border-top-style Встановлює стиль верхньої межі
border-top-width Встановлює ширину верхньої межі
border-width Встановлює ширину чотирьох меж
❮ Prev Next ❯
Place for your advertisement!