Тип даних CSS <percentage> представляє відсоткове значення. Його часто використовують для визначення розміру відносно батьківського об’єкта елемента. Численні властивості можуть використовувати відсотки, такі як ширина, висота, поле, відступ і розмір шрифту 26 липня 2024 р
Так, відповідно до специфікації CSS 2.1, усі невід’ємні значення дійсні для ширини, включаючи відсоткові значення понад 100%. Відсоткові значення просто представляють відсоток довжини контейнера елемента.
Властивість CSS width встановлює ширину елемента. За замовчуванням він встановлює ширину області вмісту, але якщо для box-sizing встановлено значення border-box , він встановлює ширину області межі.
width="100" означає, що ширина становить 100 пікселів, тоді як "100%" означає ширина буде дорівнювати батьківському елементу, який має атрибут width="100%"
Властивість max-width використовується для встановлення максимальної ширини елемента. Максимальну ширину можна вказати у значеннях довжини, як-от px, cm тощо, або у відсотках (%) блоку, що містить, або встановити значення «none» (це типово.
Якщо ви встановите ширину 100% для елемента body, ви матимете повну ширину сторінки. По суті, це еквівалентно невстановленню значення ширини та дозволу за замовчуванням. Якщо ви хочете використовувати елемент body як менший контейнер і дозволити елементу HTML заповнити сторінку, ви можете встановити значення максимальної ширини для body.