CSS almanahs 2025, Aprīlis

Elastīga bāze - CSS-triki

Elastīga bāze - CSS-triki

Elastīgās bāzes rekvizīts ir elastīgā lodziņa izkārtojuma apakšīpašums. Tas norāda elastīgā vienuma sākotnējo lielumu, pirms tiek atvēlēta jebkura pieejamā vieta "

Aizpildīt - CSS-triki

Aizpildīt - CSS-triki

CSS aizpildīšanas rekvizīts ir paredzēts SVG formas krāsas aizpildīšanai. .eyeball (aizpildīt: sarkans;) Atcerieties: Tas ignorēs prezentācijas atribūtu Šis "

Tukšās šūnas - CSS-triki

Tukšās šūnas - CSS-triki

CSS rekvizīts tukšās šūnas atlasa tukšas tabulas šūnas, lai norādītu, vai tajās parādīt apmales un fonus. In "

Elastība - CSS-triki

Elastība - CSS-triki

Elastības īpašība ir elastīgā lodziņa izkārtojuma moduļa apakšīpašums. Šis ir stenogrāfs elastīgai augšanai, elastīgai saraušanai un elastīgai bāzei. Otrais un "

Kursors - CSS-triki

Kursors - CSS-triki

CSS kursora rekvizīts kontrolē peles kursora izskatu, kad tas atrodas virs elementa, kurā ir iestatīts šis rekvizīts. Acīmredzot "

Satur - CSS-triki

Satur - CSS-triki

Rekvizīts include CSS pārlūkprogrammai norāda, ka elements un tā pēcteči tiek uzskatīti par neatkarīgiem no dokumentu koka tikpat kā "

Virziens - CSS-triki

Virziens - CSS-triki

Virziena īpašība CSS nosaka satura plūsmas virzienu bloka līmeņa elementā. Tas attiecas uz teksta, iekļautajiem un bloķētajiem elementiem. "

Saturs - CSS-triki

Saturs - CSS-triki

CSS satura rekvizīts tiek izmantots kopā ar pseidoelementiem :: before un :: after. To lieto burtiski satura ievietošanai. Ir četri "

Pretatiestatīšana - CSS-triki

Pretatiestatīšana - CSS-triki

Īpašnieks, kas atiestatīts, ļauj automātiski numurēt elementus. Tāpat kā sakārtots saraksts (), bet tas darbojas uz jebkura elementa. Tas ir īpaši noderīgi

Pretapaugsme CSS-triki

Pretapaugsme CSS-triki

Kārtoti saraksti nav vienīgie elementi, kurus var automātiski numurēt. Pateicoties dažādām ar pretatkarību saistītajām īpašībām, jebkurš elements var būt. body ("

Kolonnu laidums - CSS-triki

Kolonnu laidums - CSS-triki

Vairāku kolonnu izkārtojumā jūs varat likt elementiem izvērsties kolonnās ar kolonnu laidumu. h2 (-webkit-column-span: all; column-span: all;) Piešķirt "

Kolonnas platums - CSS-triki

Kolonnas platums - CSS-triki

Ja vēlaties saglabāt kolonnas noteiktā platumā, izmantojiet kolonnu platumu. sadaļa (-webkit-column-width: 200px; -moz-column-width: 200px; column-width: "

Kolonnas - CSS-triki

Kolonnas - CSS-triki

Izmantojot tikai dažus CSS noteikumus, varat izveidot drukas iedvesmotu izkārtojumu, kas nodrošina tīmekļa elastību. Tas ir tāpat kā paņemt avīzi, bet, kad papīrs kļūst "

Kolonnas noteikuma platums - CSS-triki

Kolonnas noteikuma platums - CSS-triki

Rekvizīts slejas-noteikums-platums CSS nosaka līnijas biezumu, kas tiek novilkts starp kolonnām ar kolonnu kārtulas stilu CSS vairāku kolonnu izkārtojumā. "

Kolonnas noteikuma stils - CSS-triki

Kolonnas noteikuma stils - CSS-triki

Kolonnu kārtulas stila CSS rekvizīts norāda līnijas veidu, kas tiek ievilkta starp kolonnām CSS vairāku kolonnu izkārtojumā. Īpašums ir sava veida ierobežots "

Kolonna-noteikums-krāsa - CSS-triki

Kolonna-noteikums-krāsa - CSS-triki

Rekvizīts column-rule-color CSS nosaka līnijas krāsu starp kolonnām CSS vairāku kolonnu izkārtojumā. Īpašums nevar rīkoties viens pats! Lai"

Paklāja forma - CSS-triki

Paklāja forma - CSS-triki

CSS īpašība caret-shape maina teksta kursora formu rediģējamo elementu iekšpusē, kas norāda, ka lietotājs raksta. Tā ir daļa no CSS Basic "

Pielāgot krāsu - CSS-triki

Pielāgot krāsu - CSS-triki

Krāsu pielāgošanas rekvizītu specifikācija raksturo kā "krāsu saglabāšana dažādu iespēju ierīcēs". Jūs zināt, kā ir tālruņi, planšetdatori un

Malu attiecība - CSS-triki

Malu attiecība - CSS-triki

CSS rekvizītu proporcija ļauj izveidot lodziņus, kas uztur proporcionālus izmērus, kur lodziņa augstums un platums tiek aprēķināti automātiski "

Kolonnas noteikums - CSS-triki

Kolonnas noteikums - CSS-triki

Lai padarītu kolonnas atšķirīgas, starp katru kolonnu varat pievienot vertikālu līniju. Līnija atrodas kolonnas atstarpes centrā. Ja esat kādreiz veidojis apmali, "

Klipu ceļš - CSS-triki

Klipu ceļš - CSS-triki

CSS rekvizīts Clip-path ļauj norādīt konkrētu parādāmā elementa reģionu, bet pārējais tiek paslēpts (vai "izgriezts") prom. .clip-me ("

Karote - CSS-triki

Karote - CSS-triki

Caret CSS ir stenogrāfijas īpašums, kas apvieno caret krāsas un caret formas īpašības vienā deklarācijā. Tātad, mums ir jāraksta šādi: "

Kolonnas aizpildīšana - CSS-triki

Kolonnas aizpildīšana - CSS-triki

Pievienojot augstumu vairāku kolonnu elementam, varat kontrolēt, kā saturs aizpilda kolonnas. Saturu var sabalansēt vai aizpildīt secīgi. ul ("

Caret-color - CSS-triki

Caret-color - CSS-triki

CSS rekvizīts caret-color maina kursora (caret) krāsu ievades, teksta laukos vai jebkurā rediģējamā elementā, piemēram: input, "

Skaidrs - CSS-triki

Skaidrs - CSS-triki

Skaidrs īpašums ir tieši saistīts ar pludiņiem. Ja elements var horizontāli ievietoties telpā blakus citam peldošam elementam, tas tiks. "

Kolonnu skaits - CSS-triki

Kolonnu skaits - CSS-triki

Ja, veidojot vairāku kolonnu izkārtojumu, jums ir nepieciešams precīzs kolonnu skaits, izmantojiet sleju skaitīšanu. .lead (kolonnu skaits: 3;) Ņemot vērā kolonnu skaitu, "

Krāsa - CSS-triki

Krāsa - CSS-triki

CSS krāsu īpašība nosaka teksta un teksta rotājumu krāsu. p (krāsa: zila;) Vērtības Krāsu īpašība var pieņemt jebkuru CSS krāsu vērtību. Nosaukts "

Robežas attēls - CSS-triki

Robežas attēls - CSS-triki

Border-image ir stenogrāfijas rekvizīts, kas ļauj izmantot attēla vai CSS gradientu kā elementa robežu. .modulis (apmales attēls: url (apmale.png.webp) 25 25 "

Kastes dekorēšana-pārtraukums - CSS-triki

Kastes dekorēšana-pārtraukums - CSS-triki

Rekvizīts box-decoration-break ļauj kontrolēt, kā kastes rotājumi tiek uzzīmēti pa "salauztā" elementa fragmentiem. Elements var ielauzties "

Ielaušanās - CSS-triki

Ielaušanās - CSS-triki

Kolonnas lieliski paveic satura plūsmu un līdzsvarošanu. Diemžēl ne visi elementi plūst graciozi. Dažreiz elementi iestrēgst starp kolonnām. "