Всі - CSS-хитрощі | Альманах CSS 2025

allВластивість в CSS скидає все властивості вибраного елемента, за винятком directionі unicode-bidiвластивостей, контроль напрямку тексту.

.module ( all: unset; )

Суть цього полягає в тому, щоб скинути стилі на рівні компонентів. Іноді набагато простіше почати з нуля зі стилю, а не боротися з усім, що вже є.

Цінності

initial: скидає всі властивості вибраного елемента до їх початкових значень, як визначено в специфікації CSS.
inherit: вибраний елемент успадковує всі стилі батьківського елемента, включаючи стилі, які зазвичай не успадковуються.
unset: вибраний елемент успадковує будь-які спадкові значення, передані від батьківського елемента. Якщо значення, яке успадковується, недоступне, для кожного властивості використовується початкове значення із специфікації CSS.

Деякі властивості не мають початкового значення, чітко визначеного в специфікації, і натомість дозволяють користувацькому агенту встановлювати початкове значення - colorі font-familyце два приклади. Якщо all: initial;або all: unset;застосовується, як initialзначення цих властивостей використовується значення за замовчуванням агента користувача .

allвважається "скороченою" властивістю, оскільки вона дозволяє контролювати значення кожного властивості CSS одночасно за допомогою однієї декларації. Однак, на відміну від більшості стенографічних властивостей, не існує практичної «довготермінової» версії і вона не має підвластивостей.

Демо

Див. Вкладку CSS для коментарів, які вказують, які властивості можна успадкувати. Зверніть увагу , що , коли inheritзначення використовується, то divуспадковує всі властивості від свого батька, в тому числі і це width, paddingі border, які зазвичай не успадковується.

Перегляньте демонстрацію Pen all property від CSS-Tricks (@ css-tricks) на CodePen.

Більше інформації

all у проекті редактора CSS каскадного та спадкового рівня W3C
Таблиця повних властивостей CSS2: показує успадкування всіх властивостей CSS2. Специфікація CSS3 розділена на кілька частин і індексується в Таблиці специфікацій.
Ознайомлення з початковим: детальніше про initialзначення.
Скидання стилю за допомогою 'all: unset' у Firefox 27 (2013) від Cameron McCormack

Підтримка браузера

Дані про підтримку веб-переглядача подані компанією Caniuse, яка містить більше деталей. Цифра вказує на те, що браузер підтримує цю функцію на цій версії та вище.