CSS алманах 2025, Юли

Преливане - CSS-трикове

Преливане - CSS-трикове

Свойството overflow контролира какво се случва със съдържание, което се счупва извън неговите граници: представете си div, в който изрично сте задали ширина 200px, "

Кавички - CSS-трикове

Кавички - CSS-трикове

Свойството quotes в CSS ви позволява да посочите кои типове кавички се използват при добавяне на кавички чрез съдържанието: open-quote; или съдържание: "

Указател-събития - CSS-трикове

Указател-събития - CSS-трикове

Свойството на указателя за събития позволява контрол върху това как HTML елементите реагират на събития с мишка / докосване - включително CSS курсори на мишката / активни състояния, събития с щракване / докосване "

Позиции - CSS-трикове

Позиции - CSS-трикове

Свойството place-items в CSS е съкратено за свойствата align-items и justify-items, като ги комбинира в една декларация. Често използвано е "

Преоразмеряване - CSS-трикове

Преоразмеряване - CSS-трикове

Свойството resize контролира дали и как даден елемент може да бъде преоразмерен от потребителя чрез щракване и плъзгане в долния десен ъгъл на елемента. .module ("

Пренасочване-поведение - CSS-трикове

Пренасочване-поведение - CSS-трикове

Свойството на свръхповиване в CSS контролира дали даден елемент ще използва "превъртане на вериги" или не. Вероятно сте изпитвали това поведение и преди "

Перспективен произход - CSS-трикове

Перспективен произход - CSS-трикове

Свойството перспективен произход определя произхода на свойството перспектива. Мислете за това като за изчезващата точка на текущото 3D-пространство. Забележете като "

Прекъсване на страницата - CSS-трикове

Прекъсване на страницата - CSS-трикове

В CSS няма действително свойство за прекъсване на страницата. Това всъщност е набор от 3 свойства: прекъсване на страницата преди, прекъсване на страницата и прекъсване на страницата. Тези "

Поръчка на боя - CSS-трикове

Поръчка на боя - CSS-трикове

Свойството CSS за нареждане на боя задава реда за изчертаване на SVG фигури и текст, включително запълване, щрих и всички маркери, които може да се използват. От "

Преливане-увиване - CSS-трикове

Преливане-увиване - CSS-трикове

Свойството overflow-wrap в CSS ви позволява да посочите, че браузърът може да разчупи ред текст вътре в целевия елемент на множество редове в "

Перспектива - CSS-трикове

Перспектива - CSS-трикове

Свойството CSS в перспектива придава на елемент 3D пространство чрез въздействие върху разстоянието между равнината Z и потребителя. Силата на ефекта е "

Подплата - CSS-трикове

Подплата - CSS-трикове

Свойството за пълнене в CSS дефинира най-вътрешната част на модела на кутията, създавайки пространство около съдържанието на даден елемент, вътре в дефинирани полета

Контур-отместване - CSS-трикове

Контур-отместване - CSS-трикове

Свойството outset-offset в CSS компенсира определен контур от граничния ръб на елемент с определена сума. Контур, който е различен от "

Преливник-котва - CSS-трикове

Преливник-котва - CSS-трикове

Свойството overflow-anchor ни позволява да се откажем от Scroll Anchoring, което е функция на браузъра, предназначена да позволи на съдържанието да се зарежда над потребителския "

Контур - CSS-трикове

Контур - CSS-трикове

Свойството outline в CSS изчертава линия около външната страна на елемент. Подобно е на границата, с изключение на това: Винаги обикаля всички страни, вие "

Офсетов път - CSS-трикове

Офсетов път - CSS-трикове

Това свойство започва живота като път на движение. Това и всички други свързани с него свойства на движение се преименуват на offset- * в спецификацията. Променяме имената "

Сираци - CSS-трикове

Сираци - CSS-трикове

По отношение на типографията сираче е първият ред на абзац, който е оставен на старата страница, докато абзацът продължава на следващия. Сиракът "

Офсет-котва - CSS-трикове

Офсет-котва - CSS-трикове

Свойството offset-anchor определя точка в полето, което се прилага като котва, която се движи по пътя на отместването. Това е доста многословно, така че нека прекъснем "

Поръчка - CSS-трикове

Поръчка - CSS-трикове

Свойството за поръчка е под-свойство на модула Гъвкаво оформление на кутията. Елементите на Flex се показват в същия ред, както се показват в изходния документ "

Непрозрачност - CSS-трикове

Непрозрачност - CSS-трикове

Свойството opacity в CSS указва колко прозрачен е даден елемент. Основно използване: div (непрозрачност: 0,5;) Непрозрачността има първоначална стойност по подразбиране 1 (100% "

Мин-височина - CSS-трикове

Мин-височина - CSS-трикове

Свойството min-height в CSS се използва за задаване на минималната височина на определен елемент. Свойството min-height винаги заменя както височината, така и "

Обект - CSS-трикове

Обект - CSS-трикове

Свойството object-fit определя как даден елемент реагира на височината и ширината на полето за съдържание. Предназначен е за изображения, видеоклипове и други вграждаеми "

Обект-позиция - CSS-трикове

Обект-позиция - CSS-трикове

Свойството object-position се използва заедно със свойството fit-object и дефинира как елемент като видео или изображение е позициониран с X / Y "

Разстояние от разстояние - CSS-трикове

Разстояние от разстояние - CSS-трикове

Това свойство започна живота като компенсирано движение. Това и всички други свързани с него свойства на движение се преименуват на offset- * в спецификацията. Променяме „

Отместване-завъртане - CSS-трикове

Отместване-завъртане - CSS-трикове

Това свойство започна живота като въртене на движението, след това стана въртене на офсета, сега е въртене на офсета. Все още е работен проект експериментално свойство "

Max-inline-size - CSS-трикове

Max-inline-size - CSS-трикове

Max-inline-size е логическо свойство в CSS, което определя максималната ширина на елемент, когато режимът на запис е хоризонтален, или максималната височина на "

Маска-изображение - CSS-трикове

Маска-изображение - CSS-трикове

Свойството маска в CSS ви позволява да скриете части от елемент. Например, ако имате черно-бяло изображение, можете да приложите това като маска и черните части ще принудят елемента да бъде прозрачен върху тези елементи. Маските също могат да съответстват на алфа прозрачността на изображението на маската. "

Мин. ширина - CSS-трикове

Мин. ширина - CSS-трикове

Свойството min-width в CSS се използва за задаване на минималната ширина на определен елемент. Свойството min-width винаги заменя свойството width, независимо дали "

Mix-blend-mode - CSS-трикове

Mix-blend-mode - CSS-трикове

Свойството mix-blend-mode определя как съдържанието на даден елемент да се слее с неговия фон. Например, текстът на

може да се слее с "

Режим на маска - CSS-трикове

Режим на маска - CSS-трикове

Свойството CSS в режим маска показва дали изображението на слоя с маска CSS се третира като алфа маска или маска на яркост. .element (маска-изображение: "