Css tarmog'ining batafsil qo'llanmasi mulk tavsiflari, misollar



Download 1,66 Mb.
Pdf ko'rish
bet14/14
Sana01.04.2022
Hajmi1,66 Mb.
#523968
1   ...   6   7   8   9   10   11   12   13   14
Bog'liq
CSS tarmog\'ining batafsil qo\'llanmasi mulk tavsiflari, misollar

Sintaksis
grid-row
:
a
;
grid-row
:
auto
;
grid-column
:
2
;
grid-row
:
1 / -1
;
grid-column
:
sidebar-start / footer-end
;
CSS


19.08.2020
CSS tarmog'ining batafsil qo'llanmasi - mulk tavsiflari, misollar
https://html5book.ru/css-grid/
31/32
5.3. Grid elementlarini qayta tartiblash
Xususiyat 
order
order
panjara buyumlariga ham tegishli. Bu ularni avtomatik joylashtirish va xizmat ko'rsatish tartibiga ta'sir qiladi. Xususiyat
faqat vizual va mantiqiy bo'lmagan tartibda tartiblash uchun ishlatilishi kerak.
6. Panjara elementlarini tekislash va narsalar orasidagi bo'shliqlar
margin
margin
Ushbu xususiyat blok elementlar uchun qanday ishlashiga o'xshash, panjara elementlarini tekislash uchun siz mulkdan
foydalanishingiz mumkin .
Odatiy bo'lib, panjara elementlari panjara maydonini to'ldirish uchun cho'ziladi. Ammo, agar 
justify-self
justify-self
ular belgilangan yoki
belgilangan 
align-self
align-self
bo'lmagan qiymatni hisoblasa , panjara elementlari avtomatik ravishda ularning tarkibiga mos ravishda hajmini
o'zgartiradi.
stretch
stretch
margin: auto
margin: auto
6.1. Margin bilan tekislash: avtomatik
Iz miqdorini hisoblashda bo'lsa, parmaklıkları etiladi 
margin: auto
margin: auto
sifatida muomala 
0
0
. Hizalama xususiyatlaridan oldin hizalanishdan
oldin ijobiy bosh bo'shliqni o'zlashtiradilar. To'ldirib yuboradigan elementlar ularning avtomatik chekkalarini va blokirovkalash
xususiyatlarida ko'rsatilgan tarzda toshib ketishni e'tiborsiz qoldiradilar.
6.2. Chiziq o'qini tekislash
Panjara elementlari satr o'qi bo'ylab (LTR tillari uchun gorizontal) mulk 
justify-self
justify-self
yoki mulk yordamida 
justify-items
justify-items
o'rnatilishi
mumkin (panjara konteyneriga o'rnatilgan).
6.3. Ustun o'qini tekislash
grid-area
:
a
;
grid-area
:
auto
;
grid-area
:
2 / 4
;
grid-area
:
1 / 3 / -1
;
grid-area
:
header-start / sidebar-start / footer-end / sidebar-start
;
CSS
19.08.2020
CSS tarmog'ining batafsil qo'llanmasi - mulk tavsiflari, misollar
https://html5book.ru/css-grid/
32/32
Panjara elementlari panjara idishida o'rnatilgan mulk 
align-self
align-self
yoki mulkdan foydalanib, qator o'qiga perpendikulyar ravishda
yo'naltirilishi mumkin 
align-items
align-items
.
6.4. Panjara elementlari orasidagi bo'shliqlar
Panjara idishida ko'rsatilgan bo'lsa, 
row-gap
row-gap
va xususiyatlari 
column-gap
column-gap
(va ularning stsenariylari 
gap
gap
) panjara satrlari va ustunlari
orasidagi bo'shliqni aniqlaydi. Trekni o'lchashda har bir bo'shliq belgilangan o'lchamdagi qo'shimcha bo'sh trek sifatida ko'rib
chiqiladi. Xususiyatlar 
justify-content
justify-content
va xususiyatlardan foydalangan holda yo'llar orasida qo'shimcha joy qo'shilishi mumkin 
align-
align-
content
content
.
Bo'shliqlar faqat panjara ustidagi ikkita yo'l o'rtasida qo'shiladi, ya'ni birinchi va oxirgi trekdan oldin qo'shilmaydi.
qator-bo'shliq, ustun-bo'shliq
Qiymatlar:
normal
normal
Sifatida hisoblangan 
0px
0px
. Odatiy qiymat.
uzunligi yoki 
%
%
Foiz panjara maydonining o'lchamlariga nisbatan hisoblanadi. Salbiy qiymatlar ishlatilmaydi.
Sintaksis
row-gap
:
1.5em
;
column-gap
:
10px
;
gap
:
1%
;

Download 1,66 Mb.

Do'stlaringiz bilan baham:
1   ...   6   7   8   9   10   11   12   13   14




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

kiriting | ro'yxatdan o'tish
    Bosh sahifa
юртда тантана
Боғда битган
Бугун юртда
Эшитганлар жилманглар
Эшитмадим деманглар
битган бодомлар
Yangiariq tumani
qitish marakazi
Raqamli texnologiyalar
ilishida muhokamadan
tasdiqqa tavsiya
tavsiya etilgan
iqtisodiyot kafedrasi
steiermarkischen landesregierung
asarlaringizni yuboring
o'zingizning asarlaringizni
Iltimos faqat
faqat o'zingizning
steierm rkischen
landesregierung fachabteilung
rkischen landesregierung
hamshira loyihasi
loyihasi mavsum
faolyatining oqibatlari
asosiy adabiyotlar
fakulteti ahborot
ahborot havfsizligi
havfsizligi kafedrasi
fanidan bo’yicha
fakulteti iqtisodiyot
boshqaruv fakulteti
chiqarishda boshqaruv
ishlab chiqarishda
iqtisodiyot fakultet
multiservis tarmoqlari
fanidan asosiy
Uzbek fanidan
mavzulari potok
asosidagi multiservis
'aliyyil a'ziym
billahil 'aliyyil
illaa billahil
quvvata illaa
falah' deganida
Kompyuter savodxonligi
bo’yicha mustaqil
'alal falah'
Hayya 'alal
'alas soloh
Hayya 'alas
mavsum boyicha


yuklab olish