CSS Articole Grid. Proprietatea grid-area. Proprietățiile grid-row-start, grid-column-start, grid-row-end și the grid-column-end.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Proprietatea grid-area poate fi utilizată ca proprietate de tip shorthand pentru proprietățiile grid-row-start, grid-column-start, grid-row-end și the grid-column-end.
Exemplu:
Faceți ca „item8” să înceapă pe row-line 1 și pe column-line 2 și să se încheie pe row-line 5 și pe column-line 6:
.item8 {
grid-area: 1 / 2 / 5 / 6;
}
Exemplu:
Faceți ca „item8” să înceapă pe row-line 2 și pe column-line 1 și întindeți 2 rânduri și 3 coloane:
.item8 {
grid-area: 2 / 1 / span 2 / span 3;
}