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

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

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

Свойството flex-basis е под-свойство на модула Гъвкаво оформление на кутията. Той определя първоначалния размер на елемента flex, преди да е налично място "

Запълване - CSS-трикове

Запълване - CSS-трикове

Свойството за запълване в CSS е за попълване на цвета на SVG форма. .eyeball (fill: red;) Запомнете: Това ще замени атрибута на презентацията This "

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

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

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

Flex - CSS-трикове

Flex - CSS-трикове

Свойството flex е под-свойство на модула за гъвкаво оформление на кутията. Това е стенографията за flex-grow, flex-shrink и flex-base. Вторият и "

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

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

Свойството на курсора в CSS контролира как ще изглежда курсорът на мишката, когато се намира над елемента, в който е зададено това свойство. Очевидно "

Съдържат - CSS-трикове

Съдържат - CSS-трикове

Свойството sadrže в CSS показва на браузъра, че елементът и неговите потомци се считат за независими от дървото на документа, колкото "

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

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

Свойството direction в CSS задава посоката на потока на съдържанието в рамките на елемент на ниво блок. Това се отнася за текстови, вградени и вградени блокови елементи. "

Съдържание - CSS-трикове

Съдържание - CSS-трикове

Свойството на съдържанието в CSS се използва заедно с псевдоелементите :: преди и :: след. Използва се за буквално вмъкване на съдържание. Има четири"

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

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

Свойството за обратно нулиране позволява автоматично номериране на елементи. Като подреден списък (), но работи върху всеки елемент. Това е особено полезно в "

Насрещно увеличение - CSS-трикове

Насрещно увеличение - CSS-трикове

Подредените списъци не са единствените елементи, които могат да бъдат номерирани автоматично. Благодарение на различните свойства, свързани с брояча, всеки елемент може да бъде. тяло ("

Колона-обхват - CSS-трикове

Колона-обхват - CSS-трикове

В оформление с няколко колони можете да накарате елементите да се разширят в колоните с обхват на колоната. h2 (-webkit-колона-обхват: всички; колона-обхват: всички;) Присвояване "

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

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

Когато искате да запазите колоните си на определена ширина, използвайте ширина на колоната. section (-webkit-width-column: 200px; -moz-width-column: 200px; column-width: "

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

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

Само с няколко CSS правила можете да създадете оформление, вдъхновено от печат, което има гъвкавостта на мрежата. Това е все едно да вземеш вестник, но когато хартията стане "

Колона-правило-ширина - CSS-трикове

Колона-правило-ширина - CSS-трикове

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

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

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

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

Колона-правило-цвят - CSS-трикове

Колона-правило-цвят - CSS-трикове

CSS свойството колона-правило-цвят определя цвета на линия между колони в CSS оформление с много колони. Имотът не може да действа сам! За да"

Форма на карета - CSS-трикове

Форма на карета - CSS-трикове

Свойството на формата на каре в CSS променя формата на текстовия курсор в редактируеми елементи, което показва, че потребителят пише. Това е част от CSS Basic "

Коригиране на цвета - CSS-трикове

Коригиране на цвета - CSS-трикове

Свойството за настройка на цвета е описано в спецификацията като „запазване на цветовете в устройства с различни възможности“. Знаете как има телефони, таблети и "

Съотношение на страните - CSS-трикове

Съотношение на страните - CSS-трикове

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

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

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

За да направите колоните различни, можете да добавите вертикална линия между всяка колона. Линията се намира в центъра на процепа на колоната. Ако някога сте оформяли рамка, "

Clip-path - CSS-трикове

Clip-path - CSS-трикове

Свойството clip-path в CSS ви позволява да посочите конкретна област от елемент за показване, като останалата част е скрита (или "отрязана"). .clip-me ("

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

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

Caret в CSS е стенографско свойство, което комбинира свойствата на цвят на карета и форма на карета в една декларация. И така, трябва да напишем това: "

Запълване на колона - CSS-трикове

Запълване на колона - CSS-трикове

Когато добавите височина към елемент с няколко колони, можете да контролирате как съдържанието запълва колоните. Съдържанието може да бъде балансирано или попълнено последователно. ул ("

Карета-цвят - CSS-трикове

Карета-цвят - CSS-трикове

Свойството caret-color в CSS променя цвета на курсора (карета) във входове, тексареи или наистина всеки елемент, който може да се редактира, като: input, "

Ясно - CSS-трикове

Ясно - CSS-трикове

Свойството clear е пряко свързано с плувки. Ако елементът може да се побере хоризонтално в пространството до друг елемент, който е плаващ, ще го направи. "

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

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

Ако се нуждаете от точен брой колони, когато проектирате оформление с много колони, използвайте count-count. .lead (брой-колони: 3;) Като се има предвид броят на колоните, "

Цвят - CSS-трикове

Цвят - CSS-трикове

Свойството цвят в CSS задава цвета на текста и текстовите декорации. p (color: blue;) Стойности Свойството color може да приеме всяка CSS стойност на цвета. На име"

Граница-изображение - CSS-трикове

Граница-изображение - CSS-трикове

Border-image е стенографско свойство, което ви позволява да използвате изображение или CSS градиент като граница на елемент. .module (border-image: url (border.png.webp) 25 25 "

Кутия-декорация-почивка - CSS-трикове

Кутия-декорация-почивка - CSS-трикове

Свойството box-decoration-break ви позволява да контролирате как декорациите на кутиите се рисуват върху фрагментите на „счупен“ елемент. Елемент може да проникне в "

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

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

Колоните вършат чудесна работа с поточно и балансиращо съдържание. За съжаление не всички елементи текат грациозно. Понякога елементи се забиват между колоните. "