From the course: CSS Layouts: From Float to Flexbox and Grid

Unlock the full course today

Join today to access over 24,900 courses taught by industry experts.

The box model properties

The box model properties - CSS Tutorial

From the course: CSS Layouts: From Float to Flexbox and Grid

Start my 1-month free trial Buy for my team

The box model properties

“

- [Instruktor] Sada kada smo malo razgovarali o normalnom toku, hajde da pričamo o tome kako ovi elementi međusobno deluju. Svaki element pretraživač posmatra kao pravougaoni okvir. CSS Bok model opisuje kako se ove kutije generišu za svaki HTML element. Postoji pet osobina koje se mogu koristiti za definisanje modela kutije. Širina se koristi za podešavanje širine područja sadržaja, koji sadrži stvarni sadržaj dodat između oznaka. Visina postavlja visinu područja sadržaja. Padding dodaje ili uklanja prostor unutar elementa. Margina dodaje ili uklanja razmak oko elementa. I granica se dodaje između oblaganja i margine. Pogledajmo kako se ove osobine primenjuju na blok i inline elemente. Blok elementi su iste visine kao i sadržaj sadržan između njihovih oznaka, ali oni obuhvataju celu širinu njihovog sadržanog elementa, čak i ako sam sadržaj nema. To je razlog zašto blok elementi uvek počinju na novoj liniji. Elementi na…

Contents