percent CSS значення

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

правити

Нотатка

Допускається вказувати дробове значення, наприклад 50.3%.

автор: Svitlana правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
percent	1.0	1.0	1.0	3.0	12.0	4.0

Підтримка: мобільні переглядачі

Переглядач
percent	властивість повністю підтримується браузером з усіма допустимими значеннями	властивість повністю підтримується браузером з усіма допустимими значеннями	властивість повністю підтримується браузером з усіма допустимими значеннями

Приклади

+ запропонувати свій приклад у пісочниці

<div class="half">width: 50% — половина ширини батька</div>
<div class="full">width: 100% — вся ширина</div>

div {
    background: #0172ad;
    color: #fff;
    padding: 6px;
    margin-bottom: 6px;
    box-sizing: border-box;
}

.half { width: 50%; }
.full { width: 100%; }