1. margin-left bu elementning chap chetini o'rnatish uchun ishlatiladi


Download 18.38 Kb.
Sana30.05.2020
Hajmi18.38 Kb.
#112173
Bog'liq
WEB#30,31,32 yakuniy jovob


SAVOL-CSSда margin хусусиятлари: margin, margin-top, margin-right, margin-bottom, marginleft. Изоҳланг ва мисоллар келтиринг..

JAVOB


1.CSSda Margin xususiyatlari 4 xil margin bu xususiyat bir deklaratsiya barcha xususiyatlarini belgilash uchun ishlatiladi.

1.margin-left bu elementning chap chetini o'rnatish uchun ishlatiladi.

2.margin-o'ng u element o'ng chegarasiga o'rnatish uchun ishlatiladi.

3.margin-top bu element yuqori chegarasiga o'rnatish uchun ishlatiladi.

4.margin-bottom u element pastki chegarasiga o'rnatish uchun ishlatiladi.

CSS Margin mulk elementlar atrofida oraliq aniqlash uchun ishlatiladi. Bu butunlay shaffof va hech qanday fon rangi yo'q. Bu element atrofida bir maydon tozal1aydi.

Top, bottom, chap va o'ng chet alohida xususiyatlari yordamida mustaqil ravishda o'zgartirilishi mumkin. Bundan tashqari, stenografiya Margin mulkni foydalanib birdaniga barcha xususiyatlarini o'zgartirish mumkin.

Misol:










< tanasi>

ushbu bandda belgilangan hoshiya ko'rsatilmagan.

bu paragraf belgilangan margin bilan ko'rsatiladi.




SAVOL - CSSда padding хусусиятлари: padding, padding-top, padding-right, padding-bottom, padding-left. Изоҳланг ва мисоллар келтиринг.

JAVOB- Padding xususiyati elementning barcha tomonlaridan ichki chuqurliklarni/maydonlarni belgilaydi. Chuqurlik maydoni elementning mazmuni va uning chegarasi o'rtasidagi bo'shliqdir. Salbiy qadriyatlarga yo'l qo'yilmaydi.

Padding xususiyati har bir tomon uchun alohida qoida yozmaslik uchun xususiyatlarni yozishning qisqa shakli (padding-top, padding-right, padding-bottom, padding-left).

Dastlabki qiymat, bu xususiyatning har birida bo'lgani kabi:

padding-bottom: 0

padding-left: 0

padding-right: 0

padding-top: 0

Table-row-group, table-header-group, table-footer-group, table-row, table-column-group va table-columndan tashqari barcha elementlarga qo'llaniladi. Bu, shuningdek, uchun amal qiladi:: birinchi-letter va: birinchi-line.

Meros qilib olinmagan

Foizlar o'z ichiga olgan blokning kengligiga ishora qiladi

Qiymatni qayta ishlash, shuningdek, bu xususiyatning har biri:

padding-bottom: foiz yoki mutlaq uzunlik

padding-chap:foiz yoki mutlaq uzunlik

padding - o'ng: foiz yoki mutlaq uzunlik

padding-top: foiz yoki mutlaq uzunlik

Animatsiya turi uzunligi

Sinopsis

/ * Barcha 4 tomonlar uchun amal qiladi */

padding: 1em;

/ * Vertikal | gorizontal */

padding: 5% 10%;

/ * Yuqori / gorizontal / pastki */

padding: 1em 2em 2em;

/ * Yuqori / O'ng | Pastki / Chap */

padding: 2px 1em 0 1em;

/ * Global qadriyatlar */

padding: inherit;

padding: initial;

padding: unset;

Qiymatlar

Quyidagi bir, ikki, uch yoki to'rtta qiymatni belgilang:

Noma'lum, qattiq o'lchamlarni o'rnatadi. Batafsil ostida.


Ota-ona blokining kengligi haqida.

Bir qiymat barcha to'rt tomonga qo'llaniladi

Ikki qiymat qo'llaniladi: 1. yuqori va pastki va 2. chap va o'ng tomonlar

Uchta qiymat qo'llaniladi: 1. yuqori, 2. chap va o'ng va 3. pastki tomonlar

To'rtta qiymat qo'llaniladi: 1. yuqori, 2. o'ng, 3. pastki va 4. chap tomon



SAVOL- CSSда орқа фон хусусиятлари: background-attachment. Изоҳланг ва мисоллар келтиринг.

JAVOB- Background-attachment xususiyati fon tasvirini elementning mazmuni bilan birga aylantiradimi-yo'qligini aniqlaydi. Rasm sobit bo'lishi va harakatsiz qolishi yoki hujjat bilan birgalikda harakatlanishi mumkin. CSS3-da, bir qator fon tasvirlari uchun bir nechta qiymatlarni belgilashingiz mumkin.

Синтаксис

CSS2.1

background-attachment: fixed | scroll | inherit

CSS3

background-attachment: fixed | scroll | local[, fixed | scroll | local]*

Qiymatlar

Fixed Elementning fon tasvirini harakatsiz qiladi.

Scroll Fonni kontent bilan birga ko'chirishga imkon beradi.

Inherit Ota-onaning ahamiyatini meros qilib oladi.

Local Fon elementning xatti-harakatlarini hisobga olgan holda belgilanadi. Agar element aylantirilsa, fon kontent bilan birga siljiydi,lekin elementdan tashqariga chiqadi.

Misol 1







background-attachment









Matn namunasi








Download 18.38 Kb.

Do'stlaringiz bilan baham:




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling