NEW
Font size
WorksheetsCss 6 mavzusi bo’yicha testlar
Total questions: 26
Worksheet time: 13mins
Elementlarni blok darajasidagi panjara konteyneri sifatida ko’rsatish uchun css-ni qaysi xususiyat(property)idan foydalaniladi?
flex
grid
block
inline
Panjara tarkibibidagi ustunlar soni(va kengligini) belgilash uchun css-ni qaysi xususiyat(property)idan foydalaniladi?
grid-template-columns
grid-template-rows
grid-template-areas
To’g’ri javob yo’q
Panjara tarkibibidagi qatorlar soni(va balandligini) belgilash uchun css-ni qaysi xususiyat(property)idan foydalaniladi?
grid-template-columns
grid-template-rows
grid-template-areas
To’g’ri javob yo’q
Panjara tarkibibidagi(ichki elementlarni nomlab olish) maydonlarni belgilash(shablon asosida ustun va qatorlarga ajratish) uchun css-ni qaysi xususiyat(property)idan foydalaniladi?
grid-template-columns
grid-template-rows
grid-template-areas
To’g’ri javob yo’q
Panjara tarkibidagi qatorlar orasidagi bo’shliqlar o’lchamini belgilash uchun “CSS 3” da css-ni qaysi xususiyat(property)idan foydalaniladi?
row-gap
column-gap
grid-column-gap
grid-row-gap
Panjara tarkibidagi qatorlar orasidagi bo’shliqlar o’lchamini belgilash uchun “CSS 3” dan oldin css-ni qaysi xususiyat(property)idan foydalaniladi?
row-gap
column-gap
grid-column-gap
grid-row-gap
Panjara tarkibidagi ustunlar orasidagi bo’shliqlar o’lchamini belgilash uchun “CSS 3” dan oldin css-ni qaysi xususiyat(property)idan foydalaniladi?
row-gap
column-gap
grid-column-gap
grid-row-gap
Panjara tarkibidagi ustunlar orasidagi bo’shliqlar o’lchamini belgilash uchun “CSS 3” da css-ni qaysi xususiyat(property)idan foydalaniladi?
row-gap
column-gap
grid-column-gap
grid-row-gap
Ichki elementlarni gorizontal tekislash uchun panjara konteynerida(har bir item ichida gorizontal tekislash) o'rnatish uchun css-ni qaysi xususiyat(property)idan foydalaniladi?
justify-items
justify-content
align-items
align-content
Flexbox yoki panjara(gridbox) konteyneridagi elementlari uchun standart vertical o'q bo'yicha tekislashni belgilash uchun css-ni qaysi xususiyat(property)idan foydalaniladi?
justify-items
justify-content
align-items
align-content
Elementni qaysi ustundan boshlanishini belgilash uchun css-ni qaysi xususiyat(property)idan foydalaniladi?
grid-column-start
grid-column-end
grid-row-start
grid-row-end
Elementni nechta ustunni qamrab olishi yoki qaysi ustunda tugashini belgilash uchun css-ni qaysi xususiyat(property)idan foydalaniladi?
grid-column-start
grid-column-end
grid-row-start
grid-row-end
Elementni qaysi qatordan boshlanishini belgilash uchun css-ni qaysi xususiyat(property)idan foydalaniladi?
grid-column-start
grid-column-end
grid-row-start
grid-row-end
Elementni nechta qatorni egallashi yoki qaysi qatorda tugashini belgilash uchun css-ni qaysi xususiyat(property)idan foydalaniladi?
grid-column-start
grid-column-end
grid-row-start
grid-row-end
Panjara(grid) konteyneridagi tanlangan elementini o'zining katakchalari ichida gorizontal tekisash uchun css-ni qaysi xususiyat(property)idan foydalaniladi?
grid-column-start
justify-self
grid-row-start
align-self
Flexbox yoki Gridbox(panjara) konteyneridagi tanlangan elementini o'zining katakchalari ichida vertical tekisash uchun css-ni qaysi xususiyat(property)idan foydalaniladi?
grid-column-start
justify-self
grid-row-start
align-self
Har bir ustunning o'lchamini ustundagi eng katta elementga bog'liq qilib belgilash uchun, grid-template-column xususiyat(property)ining qiymati(value) qanday bo'lishi kerak?
auto
max-content
min-content
50% 50%
Har bir ustunning o'lchamini ustundagi eng kichik elementga bog'liq qilib belgilash uchun, grid-template-column xususiyat(property)ining qiymati(value) qanday bo'lishi kerak?
auto
max-content
min-content
50% 50%
Har bir ustunning o'lchamini konteynerning o'lchamiga va ustundagi elementlar tarkibining o'lchamiga qarab belgilash uchun, grid-template-column xususiyat(property)ining qiymati(value) qanday bo'lishi kerak?
auto
max-content
min-content
50% 50%
Har bir ustunning o'lchamini konteynerning kengligini teng yarmini egallab olishini(rasmda ko'rsatilganday) belgilash uchun, grid-template-column xususiyat(property)ining qiymati(value) qanday bo'lishi kerak?
50%
50% 50% 50% 50%
auto
50% 50%
Har bir qator o'lchamini konteynerning o'lchamiga va qatorlardagi element tarkibining o'lchamiga qarab belgilash uchun, grid-template-rows xususiyat(property)ining qiymati(value) qanday bo'lishi kerak?
auto
max-content
min-content
50% 50%
Har bir qator o'lchamini qatordagi eng kichik elementga bog'liq qilib belgilash uchun, grid-template-rows xususiyat(property)ining qiymati(value) qanday bo'lishi kerak?
auto
max-content
min-content
50% 50%
Har bir qator o'lchamini qatordagi eng katta elementga bog'liq qilib belgilash uchun, grid-template-rows xususiyat(property)ining qiymati(value) qanday bo'lishi kerak?
auto
max-content
min-content
50% 50%
Birinchi qator o'lchamini 100px va ikkinchi qator o'lchamini 50%-ni egallab olishini(rasmda ko'rsatilganday) belgilash uchun, grid-template-rows xususiyat(property)ining qiymati(value) qanday bo'lishi kerak?
100px 100px
100px 50%
auto
100px 100px 50% 50%
grid-area xususiyat(property)idan har bir elementini rasmda ko'rsatilganday nomlangan bo'lsa, har bir elementni rasmda ko'rsatilganday joylashtirish uchun grid-template-areas xususiyat(property)ining qiymati(value) qanday bo'lishi kerak?
"red red blue yellow green green"
"red" "blue yellow" "green"
"red red" "blue yellow" "green green"
To'g'ri javob yo'q
grid-area xususiyat(property)idan har bir elementini rasmda ko'rsatilganday nomlangan bo'lsa, har bir elementni rasmda ko'rsatilganday joylashtirish uchun grid-template-areas xususiyat(property)ining qiymati(value) qanday bo'lishi kerak?
"red green green blue blue yellow"
"red green green" "blue blue yellow"
"red green" "blue yellow"
To'g'ri javob yo'q
