CSS Almanac 2025, Luglio

Base flessibile - Trucchi CSS

Base flessibile - Trucchi CSS

La proprietà base flessibile è una proprietà secondaria del modulo Layout scatola flessibile. Specifica la dimensione iniziale dell'elemento flessibile, prima che lo spazio disponibile sia "

Riempire - Trucchi CSS

Riempire - Trucchi CSS

La proprietà di riempimento in CSS serve per riempire il colore di una forma SVG. .eyeball (fill: red;) Ricorda: questo sovrascriverà un attributo di presentazione Questo "

Celle vuote - Trucchi CSS

Celle vuote - Trucchi CSS

La proprietà celle vuote in CSS seleziona celle di tabella vuote allo scopo di specificare se visualizzare o meno bordi e sfondi su di esse. Nel"

Flex - Trucchi CSS

Flex - Trucchi CSS

La proprietà flex è una proprietà secondaria del modulo Layout riquadro flessibile. Questa è l'abbreviazione per flex-grow, flex-shrink e flex-base. Il secondo e "

Cursore - Trucchi CSS

Cursore - Trucchi CSS

La proprietà del cursore in CSS controlla come apparirà il cursore del mouse quando si trova sull'elemento in cui è impostata questa proprietà. Ovviamente,"

Contenere - Trucchi CSS

Contenere - Trucchi CSS

La proprietà contiene in CSS indica al browser che l'elemento e i suoi discendenti sono considerati indipendenti dall'albero del documento tanto quanto "

Direzione - Trucchi CSS

Direzione - Trucchi CSS

La proprietà direction in CSS imposta la direzione del flusso di contenuto all'interno di un elemento a livello di blocco. Questo vale per gli elementi di testo, inline e inline-block. "

Contenuto - Trucchi CSS

Contenuto - Trucchi CSS

La proprietà del contenuto in CSS viene utilizzata insieme agli pseudo-elementi :: prima e :: dopo. Viene utilizzato per inserire letteralmente il contenuto. Ce ne sono quattro"

Counter-reset - Trucchi CSS

Counter-reset - Trucchi CSS

La proprietà di reset del contatore consente la numerazione automatica degli elementi. Come una lista ordinata (), ma funziona su qualsiasi elemento. È particolarmente utile in "

Controincremento - Trucchi CSS

Controincremento - Trucchi CSS

Gli elenchi ordinati non sono gli unici elementi che possono essere numerati automaticamente. Grazie alle varie proprietà relative al contatore, qualsiasi elemento può essere. corpo ("

Colonna-span - Trucchi CSS

Colonna-span - Trucchi CSS

In un layout a più colonne, puoi espandere gli elementi attraverso le colonne con l'estensione delle colonne. h2 (-webkit-column-span: all; column-span: all;) Assegna "

Larghezza colonna - Trucchi CSS

Larghezza colonna - Trucchi CSS

Quando vuoi mantenere le colonne a una larghezza specifica, utilizza la larghezza della colonna. sezione (-webkit-larghezza-colonna: 200px; -moz-larghezza-colonna: 200px; larghezza-colonna: "

Colonne - Trucchi CSS

Colonne - Trucchi CSS

Con poche regole CSS, puoi creare un layout ispirato alla stampa che ha la flessibilità del web. È come prendere un giornale, ma man mano che arriva il giornale "

Colonna-regola-larghezza - Trucchi CSS

Colonna-regola-larghezza - Trucchi CSS

La proprietà CSS larghezza regola colonna imposta lo spessore della linea tracciata tra le colonne in base allo stile regola colonna in un layout a più colonne CSS. "

Stile regola colonna - Trucchi CSS

Stile regola colonna - Trucchi CSS

La proprietà CSS in stile regola colonna specifica il tipo di linea tracciata tra le colonne in un layout a più colonne CSS. La proprietà è un po 'limitata "

Colonna-regola-colore - Trucchi CSS

Colonna-regola-colore - Trucchi CSS

La proprietà CSS column-rule-color determina il colore di una linea tra le colonne in un layout CSS a più colonne. La proprietà non può agire da sola! In modo da"

Caret-shape - Trucchi CSS

Caret-shape - Trucchi CSS

La proprietà della forma del cursore in CSS cambia la forma del cursore del testo all'interno degli elementi modificabili che indicano che un utente sta digitando. Fa parte del CSS Basic "

Regolazione del colore - Trucchi CSS

Regolazione del colore - Trucchi CSS

La proprietà di regolazione del colore è descritta dalle specifiche come "preservare i colori in dispositivi con capacità diverse". Sai come esistono telefoni, tablet e "

Proporzioni - Trucchi CSS

Proporzioni - Trucchi CSS

Le proporzioni della proprietà CSS ti consentono di creare riquadri che mantengono dimensioni proporzionali in cui l'altezza e la larghezza di un riquadro vengono calcolate automaticamente "

Regola colonna - Trucchi CSS

Regola colonna - Trucchi CSS

Per rendere le colonne distinte, puoi aggiungere una linea verticale tra ciascuna colonna. La linea si trova al centro dello spazio tra le colonne. Se ti è mai capitato di applicare uno stile al bordo, "

Percorso clip - Trucchi CSS

Percorso clip - Trucchi CSS

La proprietà clip-path in CSS consente di specificare una regione specifica di un elemento da visualizzare, mentre il resto viene nascosto (o "tagliato"). .clip-me ("

Caret - Trucchi CSS

Caret - Trucchi CSS

Caret in CSS è una proprietà abbreviata che combina le proprietà caret-color e caret-shape in una singola dichiarazione. Quindi, possiamo scrivere questo: "

Riempimento colonna - Trucchi CSS

Riempimento colonna - Trucchi CSS

Quando aggiungi l'altezza a un elemento a più colonne, puoi controllare il modo in cui il contenuto riempie le colonne. Il contenuto può essere bilanciato o riempito in sequenza. ul ("

Caret-color - Trucchi CSS

Caret-color - Trucchi CSS

La proprietà del colore del cursore nei CSS cambia il colore del cursore (caret) negli input, nelle texaree o in qualsiasi altro elemento modificabile, come: input, "

Chiaro - Trucchi CSS

Chiaro - Trucchi CSS

La proprietà clear è direttamente correlata ai float. Se l'elemento può adattarsi orizzontalmente nello spazio accanto a un altro elemento flottato, lo farà. "

Conteggio colonne - Trucchi CSS

Conteggio colonne - Trucchi CSS

Se è necessario un numero esatto di colonne quando si progetta un layout a più colonne, utilizzare il conteggio delle colonne. .lead (column-count: 3;) Dato il numero di colonne, "

Colore - Trucchi CSS

Colore - Trucchi CSS

La proprietà color in CSS imposta il colore del testo e delle decorazioni del testo. p (color: blue;) Valori La proprietà color può accettare qualsiasi valore di colore CSS. Di nome"

Immagine-confine - Trucchi CSS

Immagine-confine - Trucchi CSS

Border-image è una proprietà abbreviata che ti consente di utilizzare un'immagine o un gradiente CSS come bordo di un elemento. .module (border-image: url (border.png.webp) 25 25 "

Scatola-decorazione-pausa - Trucchi CSS

Scatola-decorazione-pausa - Trucchi CSS

La proprietà box-decoration-break consente di controllare come le decorazioni della scatola vengono disegnate sui frammenti di un elemento "rotto". Un elemento può entrare in "

Irruzione - Trucchi CSS

Irruzione - Trucchi CSS

Le colonne fanno un ottimo lavoro di scorrimento e bilanciamento dei contenuti. Sfortunatamente, non tutti gli elementi fluiscono con grazia. A volte gli elementi rimangono bloccati tra le colonne ".