'; echo '

Grid : Tableau en grille '; echo ' Plus d\'info sur la balise Grid'; echo '

'; echo ''; // ----------------------------------------------------- // Element // ----------------------------------------------------- echo ''; echo ''; echo ''; // ----------------------------------------------------- // Grid template colonne // ----------------------------------------------------- echo ''; echo ''; echo ''; echo ''; // ----------------------------------------------------- // Grid template ligne // ----------------------------------------------------- echo ''; echo ''; echo ''; echo ''; // ----------------------------------------------------- // Grid-column-gap // ----------------------------------------------------- echo ''; echo ''; echo ''; echo ''; // ----------------------------------------------------- // Grid-row-gap // ----------------------------------------------------- echo ''; echo ''; echo ''; echo ''; // ----------------------------------------------------- // Grid-gap // ----------------------------------------------------- echo ''; echo ''; echo ''; echo ''; // ----------------------------------------------------- // Grid-template-areas // ----------------------------------------------------- echo ''; echo ''; echo ''; echo ''; // ----------------------------------------------------- // Element // ----------------------------------------------------- echo ''; echo ''; echo ''; // ----------------------------------------------------- // Grid-colonne // ----------------------------------------------------- echo ''; echo ''; echo ''; echo ''; // ----------------------------------------------------- // Grid-row // ----------------------------------------------------- echo ''; echo ''; echo ''; echo ''; // ----------------------------------------------------- // Grid-area // ----------------------------------------------------- echo ''; echo ''; echo ''; echo ''; // ----------------------------------------------------- // Bouton valider // ----------------------------------------------------- echo ' '; echo ''; echo ''; echo '

'; // echo ''; echo 'Définir un tableau : '; echo '
'; echo 'Grille modèle des colonnes : '; echo '	'; $theTitle='Grid permet de gérer les colonnes. Exemple1 : auto auto auto. Exemple2 : 20px 80px 20px 80px'; echo ''; echo '
'; echo 'Grille modèle des lignes : '; echo '	'; $theTitle='Grid permet de gérer les colonnes. Exemple1 : auto auto auto. Exemple2 : 20px 80px 20px 80px'; echo ''; echo '
'; // echo ''; echo 'Espace entre les colonnes : '; echo '	'; $theTitle='Grid permet de gérer les colonnes. Exemple1 : auto auto auto. Exemple2 : 20px 80px 20px 80px'; echo ''; echo '
'; // echo ''; echo 'Espace entre les lignes : '; echo '	'; $theTitle='Grid permet de gérer les colonnes. Exemple1 : auto auto auto. Exemple2 : 20px 80px 20px 80px'; echo ''; echo '
'; // echo ''; echo 'Espace entre les colonnes et les lignes : '; echo '	'; $theTitle='Grid Gap'; echo ''; echo '
'; // echo ''; echo 'Modèle de zone nomée : '; echo '	'; $theTitle='Modele de zone'; echo ''; echo '
'; // echo ''; echo 'Définir une position pour un élément : '; echo '
'; // echo ''; echo 'N° colonne: '; echo '	'; $theTitle='N° colonne'; echo ''; echo '
'; // echo ''; echo 'N° ligne : '; echo '	'; $theTitle='N° ligne'; echo ''; echo '
'; // echo ''; echo 'Zone nomée : '; echo '	'; $theTitle='Zone spécifique'; echo ''; echo '
'; echo ''; echo ' '; echo ' Valider '; echo ''; echo '

'; echo ''; ?>