Generatore griglia CSS

Crea tracce e aree con anteprima griglia locale e HTML/CSS.

  • Funziona nel browser
  • Nessun caricamento
  • Controlla prima di scaricare

Gli input restano in questa scheda e non vengono caricati né salvati automaticamente. I conteggi aggregati di utilizzo e le informazioni diagnostiche generali sono facoltativi e inviati solo con il consenso, senza contenuti né nomi dei file. Svuotare o chiudere elimina gli input; salva prima i risultati necessari.

Limiti delle risorse

Griglia: fr 0.01–100, px 0–2000, % 0–100 o auto; nomi [a-z][a-z0-9_-]{0,19}. Da 1 a 8 tracce per asse (fr, px, % o auto), spazio da 0 a 100 px, fino a 64 celle. Ogni area deve essere rettangolare. Un punto indica una cella vuota. Anteprima ed esportazione usano gli stessi elementi. L’anteprima locale è limitata e non garantisce lo stesso risultato in ogni browser o impaginazione. I dati inseriti non vengono eseguiti. Scarica HTML e CSS insieme. Limite: 8 secondi.

Colonne
Righe
Nomi delle aree; . indica vuoto

Come si usa

  1. Configura l’esempio

    Aggiungi colonne e righe, scegli unità, dimensioni e spazio. Compila celle con nomi rettangolari ripetuti o punti. Genera e verifica posizioni prima di esportare HTML e CSS.

  2. Verifica prima dell’uso

    Gli input restano in questa scheda e non vengono caricati né salvati automaticamente. I conteggi aggregati di utilizzo e le informazioni diagnostiche generali sono facoltativi e inviati solo con il consenso, senza contenuti né nomi dei file. Svuotare o chiudere elimina gli input; salva prima i risultati necessari. Griglia: fr 0.01–100, px 0–2000, % 0–100 o auto; nomi [a-z][a-z0-9_-]{0,19}. Da 1 a 8 tracce per asse (fr, px, % o auto), spazio da 0 a 100 px, fino a 64 celle. Ogni area deve essere rettangolare. Un punto indica una cella vuota. Anteprima ed esportazione usano gli stessi elementi. L’anteprima locale è limitata e non garantisce lo stesso risultato in ogni browser o impaginazione. I dati inseriti non vengono eseguiti. Scarica HTML e CSS insieme. Limite: 8 secondi.

  3. Esporta il risultato verificato

    Scarica risultato; Scarica originale

Domande e limiti

Limiti delle risorse

Griglia: fr 0.01–100, px 0–2000, % 0–100 o auto; nomi [a-z][a-z0-9_-]{0,19}. Da 1 a 8 tracce per asse (fr, px, % o auto), spazio da 0 a 100 px, fino a 64 celle. Ogni area deve essere rettangolare. Un punto indica una cella vuota. Anteprima ed esportazione usano gli stessi elementi. L’anteprima locale è limitata e non garantisce lo stesso risultato in ogni browser o impaginazione. I dati inseriti non vengono eseguiti. Scarica HTML e CSS insieme. Limite: 8 secondi.

Design offline

Gli input restano in questa scheda e non vengono caricati né salvati automaticamente. I conteggi aggregati di utilizzo e le informazioni diagnostiche generali sono facoltativi e inviati solo con il consenso, senza contenuti né nomi dei file. Svuotare o chiudere elimina gli input; salva prima i risultati necessari.

Verifica prima dell’uso

Aggiungi colonne e righe, scegli unità, dimensioni e spazio. Compila celle con nomi rettangolari ripetuti o punti. Genera e verifica posizioni prima di esportare HTML e CSS.