3. html da dom tushunchasi

22.CSS orqali elementning joylashishishi, ko`rinishi xususiyatlarini boshqarish (clear, clip, display, float, overflow, vertical-align, visibility)

Clear-suzuvchi elementlarning qaysi tomonlarida suzishga ruxsat berilmaganligini aniqlaydi.

Sintaksisi clear: none|left|right|both|initial|inherit;

Img{ float:left;}

p.clear{ clear:both;}

(22 ni davomi) Clip-joylashtirilgan elementning tarkibini ko'rsatadigan maydonini belgilaydi. Ushbu sohaga mos kelmaydigan har qanday narsa kesiladi va ko'rinmas holga keltiriladi.

Sintaksisi: clip: rect(Y1, X1, Y2, X2) | auto | inherit

#layer { position: absolute;

clip: rect(40px, auto, auto, 40px);

width: 200px;}

Display-Elementning hujjatda qanday ko'rsatilishini aniqlaydigan ko'p maqsadli xususiyat.

Sinatksisi:display: block | inline | inline-block | inline-table | list-item | none | run-in | table | table-caption | table-cell | table-column-group | table-column | table-footer-group | table-header-group | table-row | table-row-group

.example {

border: 1px solid black;

display:inline;}

Float- element qanday suzishi kerakligini belgilaydi.

Sintaksisi:float: none|left|right|initial|inherit;

.layer1{

float:left;

background:#1fd0;}

Overflow- agar u to'liq mos kelmasa va belgilangan o'lchamdan tashqarida bo'lsa, blok elementining tarkibini aks ettiradi.

Sintaksisi:overflow: auto | hidden | scroll | visible | inherit

.layer{

Overflow:scroll;

Width:50px; height;100px;}

Vertical-align-Elementni atrofdagi matn yoki jadval katakchasiga nisbatan vertikal ravishda tekislaydi.

Sintaksisi:vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;

Img{ vertical-align:bottom;}

Visibility-elementning ko’rinish yoki ko’rinmasligini aniqlaydi.

Sintaksisi: visibility:visible|hidden

img{visibility:hidden;}