Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Робота з Вбудованими Елементами | Модель Коробки CSS та Елементи Відступів
Основи CSS

bookРобота з Вбудованими Елементами

Інлайнові елементи залишаються на одному рядку та переносяться на наступний рядок, коли закінчується місце. Ця поведінка контролюється CSS-властивістю display: inline.

Основні характеристики інлайнових елементів:

  • За замовчуванням мають display: inline;
  • Їх ширина та висота визначаються вмістом і не можуть бути явно задані;
  • Можна застосовувати лише горизонтальні властивості, такі як padding, margin та border.

Розглянемо приклад, де деякі стилі впливають на елемент, а інші — ні, у CSS-файлі:

index.html

index.html

index.css

index.css

copy
Note
Додаткове вивчення

За замовчуванням inline-елементи мають проміжок праворуч; для елементів img цей проміжок знаходиться внизу. Цей простір не належить до padding чи margin. Натомість це вбудований порожній простір, який додають браузери для забезпечення відстані між кожним елементом.

index.html

index.html

copy
Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 3. Розділ 9

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Awesome!

Completion rate improved to 2.56

bookРобота з Вбудованими Елементами

Свайпніть щоб показати меню

Інлайнові елементи залишаються на одному рядку та переносяться на наступний рядок, коли закінчується місце. Ця поведінка контролюється CSS-властивістю display: inline.

Основні характеристики інлайнових елементів:

  • За замовчуванням мають display: inline;
  • Їх ширина та висота визначаються вмістом і не можуть бути явно задані;
  • Можна застосовувати лише горизонтальні властивості, такі як padding, margin та border.

Розглянемо приклад, де деякі стилі впливають на елемент, а інші — ні, у CSS-файлі:

index.html

index.html

index.css

index.css

copy
Note
Додаткове вивчення

За замовчуванням inline-елементи мають проміжок праворуч; для елементів img цей проміжок знаходиться внизу. Цей простір не належить до padding чи margin. Натомість це вбудований порожній простір, який додають браузери для забезпечення відстані між кожним елементом.

index.html

index.html

copy
Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 3. Розділ 9
some-alt