Css box modeli css-da dizayn va tartib haqida gapirganda quti modeli“ (box model)

CSS Box modeli
CSS-da dizayn va tartib haqida gapirganda "quti modeli“ (box model) atamasi ishlatiladi. CSS qutisi modeli aslida har bir HTML elementini o'rab turgan qutidir. U quyidagilardan iborat: chegaralar (margins), chegaralar (borders), to'ldirish (padding) va haqiqiy tarkib (content). Quyidagi rasmda quti modeli ko'rsatilgan:

Demonstrating the Box Model

CSS qutisi modeli aslida har bir HTML elementini o'rab turgan qutidir. U quyidagilardan iborat: chegaralar, to'ldirish, chekkalar va haqiqiy tarkib.

This text is the content of the box. We have added a 50px padding, 20px margin and a 15px green border. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Hello World

Hello World

This is an inline span Hello World element inside a paragraph.
The SPAN element is an inline element, and will not start on a new line and only takes up as much width as necessary.

London

London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.

The span element

My mother has blue eyes and my father has dark green eyes.

London

London is the capital of England.

Paris

Paris is the capital of France.

Tokyo

Tokyo is the capital of Japan.

The id Attribute

Use CSS to style an element with the id "myHeader":

My Header

Remove the Iframe Border

To remove the default border of the iframe, use CSS:

Iframe - Target uchun Link

W3Schools.com
Agar havolaning maqsadli atributi iframe nomiga mos kelsa, havola iframe-da ochiladi.