CSS Flexbox. Proprietăți CSS Flexbox.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Următorul tabel listează proprietățiile CSS utilizate cu flexbox:
Proprietate | Descriere |
---|---|
display | Specifică tipul de box folosit pentru un element HTML |
flex-direction | Specifică direcția articolelor flexibile din interiorul unui recipient flex |
justify-content | Aliniază orizontal elementele flex atunci când elementele nu folosesc tot spațiul disponibil pe axa principală |
align-items | Aliniază vertical elementele flex atunci când elementele nu folosesc tot spațiul disponibil pe axa transversală |
flex-wrap | Specifică dacă elementele flexate trebuie să se înfășoare (wrap) sau nu, dacă nu există suficient loc pentru ele pe o singură linie flex |
align-content | Modifică comportamentul proprietății flex-wrap. Este similar cu align-items, dar în loc să alinieze elementele flex, aliniază liniile flex |
flex-flow | O proprietate shorthand pentru flex-direction și flex-wrap |
order | Specifică ordinea unui articol flexibil în raport cu restul elementelor flexibile din interiorul aceluiași recipient |
align-self | Folosit pe articolele flex. Înlocuiește proprietatea align-items |
flex | O proprietate shorthand pentru proprietățiile flex-grow, flex-shrink și flex-basis |