Различия

Показаны различия между двумя версиями страницы.

--- vlastivosti_css [2023/09/21 17:29]
tro
+++ vlastivosti_css [2023/11/16 19:09] (текущий)
tro
@@ Строка 2: / Строка 2: @@
   * **color: red;** - колір тексту
   * **background-color** - колір фону
+  * **[[background-image]]** - задає фонове зображення елемента, адреса якого вказується аргументом функції url(). Це може бути як відносний, так і абсолютний шлях.
+  * **[[background-repeat]]** - керує повторенням фонового зображення. За замовчуванням воно повторюється по горизонталі (X) та вертикалі (Y). Це відбувається, якщо зображення менше ніж розмір елемента.
+  * **[[background-position]]** - керує положенням фонового зображення відносно рамки елемента, використовуючи дві координати — x по горизонталі і y по вертикалі.
+  * **[[background-size]]** - дозволяє коригувати розміри зображення шляхом налаштування необхідної ширини та висоти. Якщо не вказати висоту, вона буде розрахована автоматично зі збереженням пропорцій.
+  * **[[background]]** - складена властивість для одночасного встановлення значень всіх розглянутих властивостей
   * **width** - ширина блоку
   * **max-width** - максимальна ширина блоку, але система може автоматично зробити меньше
@@ Строка 27: / Строка 32: @@
   * **[[flex]]** - керування виравлюванням / установкою напрямку єлементів у середині тегу
   * **[[object-fit]]** - изначає яким чином вміст елемента img буде вміщатися в контейнер, коли розміри чи пропорції зображення та контейнера не збігаються. Зображення можна обрізати, розтягувати чи масштабувати.
+  * **[[calc]]** - дозволяє розраховувати розміри
+  * **[[nth-child]]** - приміняє ввластивості ксс до определенніх дочерних єлементів по формулі
+  * **[[box-shadow]]** - додає елементу ефект об'єму та висоту
+  * **[[fill]]** - керує кольором заливки векторної картинки SVG
+  * **[[position]]** - Якщо треба розташувати один елемент поверх іншого
+  * **[[z-index]]** - Позиціовані елементи випадають з потоку, а значить для них потрібно правило, яке визначатиме який елемент знаходиться вище, а який нижче на осі
+  * **[[transition-property]]** - задає властивості, до яких буде застосовано ефект переходу. Значенням може бути одна властивість або список властивостей через кому. Значення за замовчуванням — all, тобто анімуються всі можливі властивості.
+  * **[[transition-duration]]** - тривалість переходу
+  * **[[transition-timing-function]]** - задає функцію розподілу часу, тобто поведінку анімації.
+  * **[[transition-delay]]** - визначає затримку, після якої розпочинається анімація переходу. За замовчуванням встановлено значення 0s.
+  * **[[transition]]** - Всі властивості переходу можна поєднати в одну складову властивість
+  * **[[transform]]** - відповідає за застосування однієї або більше трансформацій елемента.
+  * **[[clamp]]** - позволяет ограничивать диапазон изменения некоего значения