Оновлено: 19.05.2025

Відсотки

Frontend HTML Значення Відсотки

Відсотковий запис зазвичай застосовується в тих випадках, коли треба змінити значення щодо батьківського елемента або коли розміри залежать від зовнішніх умов. Так, ширина таблиці 100% означає, що вона підлаштовуватиметься під розміри вікна браузера і змінюватиметься разом із шириною вікна.

 

У HTML5 відсотки для значень не використовуються, за необхідності вони задаються через стилі.

 

 

⌨️ Синтаксис

атрибут="<число>%"

Щоб браузер зрозумів, що має справу з відсотками, після числа додається символ %

 

 

📋 Приклад

<!DOCTYPE html>
<html>
  <head>
   <metacharset="utf-8">
   <title>Percentage</title>
     <base href="https://assets.ithillel.ua/images/wiki/">
  </head>
  <body>
   <p><img src="gallery/Cat1.jpg" alt="Image" width="100%"></p>
  </body>
</html>