Almanah CSS 2025, Ianuarie

Flex-base - CSS-Tricks

Flex-base - CSS-Tricks

Proprietatea flex-base este o sub-proprietate a modulului Layout Cutie flexibilă. Specifică dimensiunea inițială a elementului flexibil, înainte ca orice spațiu disponibil să fie "

Umple - CSS-Tricks

Umple - CSS-Tricks

Proprietatea de umplere în CSS este pentru completarea culorii unei forme SVG. .eyeball (umplere: roșu;) Amintiți-vă: Acest lucru va suprascrie un atribut de prezentare Acest lucru "

Gol-celule - CSS-Tricks

Gol-celule - CSS-Tricks

Proprietatea de celule goale din CSS selectează celule de tabel goale în scopul de a specifica dacă vor fi afișate sau nu margini și fundaluri pe ele. În"

Flex - CSS-Tricks

Flex - CSS-Tricks

Proprietatea flex este o sub-proprietate a modulului Layout Cutie flexibilă. Aceasta este prescurtarea pentru flex-grow, flex-shrink și flex-base. Al doilea și „

Cursor - CSS-Tricks

Cursor - CSS-Tricks

Proprietatea cursorului din CSS controlează cum va arăta cursorul mouse-ului atunci când este situat deasupra elementului în care este setată această proprietate. Evident,"

Conține - CSS-Tricks

Conține - CSS-Tricks

Proprietatea conține în CSS indică browserului că elementul și descendenții acestuia sunt considerați independenți de arborele documentului la fel de mult ca „

Direcție - CSS-Tricks

Direcție - CSS-Tricks

Proprietatea de direcție din CSS setează direcția fluxului de conținut într-un element la nivel de bloc. Acest lucru se aplică textului, elementelor în linie și elementelor de blocare în linie. "

Conținut - CSS-Tricks

Conținut - CSS-Tricks

Proprietatea de conținut din CSS este utilizată împreună cu pseudo-elementele :: before și :: after. Este folosit pentru a insera literalmente conținut. Sunt patru"

Contra-resetare - CSS-Tricks

Contra-resetare - CSS-Tricks

Proprietatea contra-resetare permite numerotarea automată a elementelor. Ca o listă ordonată (), dar funcționează pe orice element. Este deosebit de util în „

Contraincrement - CSS-Tricks

Contraincrement - CSS-Tricks

Listele ordonate nu sunt singurele elemente care pot fi numerotate automat. Datorită diferitelor proprietăți corelate, orice element poate fi. corp ("

Coloană - CSS-Tricks

Coloană - CSS-Tricks

Într-un aspect cu mai multe coloane, puteți face ca elementele să se extindă pe coloane cu o coloană. h2 (-webkit-column-span: all; column-span: all;) Assign "

Lățimea coloanei - CSS-Tricks

Lățimea coloanei - CSS-Tricks

Când doriți să păstrați coloanele la o anumită lățime, utilizați lățimea coloanei. section (-webkit-column-width: 200px; -moz-column-width: 200px; column-width: "

Coloane - CSS-Tricks

Coloane - CSS-Tricks

Cu doar câteva reguli CSS, puteți crea un aspect inspirat de tipărire, care să aibă flexibilitatea webului. Este ca și cum ai lua un ziar, dar pe măsură ce ziarul devine "

Coloană-regulă-lățime - CSS-Tricks

Coloană-regulă-lățime - CSS-Tricks

Proprietatea CSS cu lățimea regulii coloanei stabilește grosimea liniei care este trasată între coloane după stilul coloanei-regulă într-un aspect CSS cu mai multe coloane. "

Coloană-regulă-stil - CSS-Tricks

Coloană-regulă-stil - CSS-Tricks

Proprietatea CSS în stilul regulii de coloană specifică tipul de linie trasată între coloane într-un aspect CSS cu mai multe coloane. Proprietatea este cam limitată pe "

Coloană-regulă-culoare - CSS-Tricks

Coloană-regulă-culoare - CSS-Tricks

Proprietatea CSS coloană-regulă-culoare determină culoarea unei linii între coloane într-un aspect CSS cu mai multe coloane. Proprietatea nu poate acționa singură! Pentru a"

Formă de caret - CSS-Tricks

Formă de caret - CSS-Tricks

Proprietatea caret-shape din CSS modifică forma cursorului de text din interiorul elementelor editabile care indică faptul că un utilizator tastează. Face parte din CSS Basic "

Ajustare culoare - CSS-Tricks

Ajustare culoare - CSS-Tricks

Proprietatea de reglare a culorii este descrisă în specificații ca „păstrarea culorilor în dispozitive cu capacități diferite”. Știți cum există telefoane, tablete și „

Aspect-ratio - CSS-Tricks

Aspect-ratio - CSS-Tricks

Raportul de aspect al proprietății CSS vă permite să creați casete care să mențină dimensiuni proporționale în care înălțimea și lățimea unei casete sunt calculate automat "

Coloana-regula - CSS-Tricks

Coloana-regula - CSS-Tricks

Pentru a face coloane distincte, puteți adăuga o linie verticală între fiecare coloană. Linia se află în centrul golului coloanei. Dacă ai stilat vreodată un chenar, "

Clip-path - CSS-Tricks

Clip-path - CSS-Tricks

Proprietatea clip-path din CSS vă permite să specificați o anumită regiune a unui element de afișat, restul fiind ascuns (sau „tăiat”). .clip-me („

Caret - CSS-Tricks

Caret - CSS-Tricks

Caret în CSS este o proprietate de scurtare care combină proprietățile caret-color și caret-forma într-o singură declarație. Deci, vom scrie acest lucru: "

Coloane-umplere - CSS-Tricks

Coloane-umplere - CSS-Tricks

Când adăugați înălțime unui element cu mai multe coloane, puteți controla modul în care conținutul umple coloanele. Conținutul poate fi echilibrat sau completat secvențial. ul ("

Culoare caret - CSS-Tricks

Culoare caret - CSS-Tricks

Proprietatea caret-color din CSS modifică culoarea cursorului (caret) în intrări, texare sau într-adevăr orice element care poate fi modificat, cum ar fi: input, "

Clar - CSS-Tricks

Clar - CSS-Tricks

Proprietatea clear este direct legată de flotări. Dacă elementul se poate potrivi orizontal în spațiul de lângă un alt element care este plutit, va fi. "

Număr de coloane - CSS-Tricks

Număr de coloane - CSS-Tricks

Dacă aveți nevoie de un număr exact de coloane atunci când proiectați un aspect cu mai multe coloane, utilizați numărul de coloane. .plumb (număr de coloane: 3;) Având în vedere numărul de coloane, "

Culoare - CSS-Tricks

Culoare - CSS-Tricks

Proprietatea de culoare din CSS setează culoarea textului și a decorațiunilor textului. p (culoare: albastru;) Valori Proprietatea de culoare poate accepta orice valoare de culoare CSS. Numit"

Border-image - CSS-Tricks

Border-image - CSS-Tricks

Border-image este o proprietate de stenogramă care vă permite să utilizați o imagine sau un gradient CSS ca chenar al unui element. .module (border-image: url (border.png.webp) 25 25 "

Decor-cutie-pauză - CSS-Tricks

Decor-cutie-pauză - CSS-Tricks

Proprietatea box-decoration-break vă permite să controlați cum sunt desenate decorațiunile cutiei peste fragmentele unui element „rupt”. Un element se poate rupe în „

Break-inside - CSS-Tricks

Break-inside - CSS-Tricks

Coloanele fac o treabă excelentă de flux și echilibrare a conținutului. Din păcate, nu toate elementele curg grațios. Uneori, elementele se blochează între coloane. "