Робота з Вбудованими Елементами
Інлайнові елементи залишаються на одному рядку та переносяться на наступний рядок, коли закінчується місце. Ця поведінка контролюється CSS-властивістю display: inline
.
Основні характеристики інлайнових елементів:
- За замовчуванням мають
display: inline
; - Їх ширина та висота визначаються вмістом і не можуть бути явно задані;
- Можна застосовувати лише горизонтальні властивості, такі як
padding
,margin
таborder
.
Розглянемо приклад, де деякі стилі впливають на елемент, а інші — ні, у CSS-файлі:
index.html
index.css
За замовчуванням inline-елементи мають проміжок праворуч; для елементів img
цей проміжок знаходиться внизу. Цей простір не належить до padding
чи margin
. Натомість це вбудований порожній простір, який додають браузери для забезпечення відстані між кожним елементом.
index.html
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 2.56
Робота з Вбудованими Елементами
Свайпніть щоб показати меню
Інлайнові елементи залишаються на одному рядку та переносяться на наступний рядок, коли закінчується місце. Ця поведінка контролюється CSS-властивістю display: inline
.
Основні характеристики інлайнових елементів:
- За замовчуванням мають
display: inline
; - Їх ширина та висота визначаються вмістом і не можуть бути явно задані;
- Можна застосовувати лише горизонтальні властивості, такі як
padding
,margin
таborder
.
Розглянемо приклад, де деякі стилі впливають на елемент, а інші — ні, у CSS-файлі:
index.html
index.css
За замовчуванням inline-елементи мають проміжок праворуч; для елементів img
цей проміжок знаходиться внизу. Цей простір не належить до padding
чи margin
. Натомість це вбудований порожній простір, який додають браузери для забезпечення відстані між кожним елементом.
index.html
Дякуємо за ваш відгук!