Mundarija:

CSS-da divni qanday o'tkazishim mumkin?
CSS-da divni qanday o'tkazishim mumkin?

Video: CSS-da divni qanday o'tkazishim mumkin?

Video: CSS-da divni qanday o'tkazishim mumkin?
Video: Div elementi, klasslar va border bilan ishlash 2024, Noyabr
Anonim

HTML elementini HTML hujjatining istalgan joyiga ko'chirish uchun joylashuv xususiyati bilan birga yuqori va chap ikkita qiymatdan foydalanishingiz mumkin

  1. Ko'chirish Chap - chap uchun salbiy qiymatdan foydalaning.
  2. Ko'chirish O'ng - chap uchun ijobiy qiymatdan foydalaning.
  3. Ko'chirish Yuqoriga - tepa uchun salbiy qiymatdan foydalaning.
  4. Ko'chirish Pastga - yuqori uchun ijobiy qiymatdan foydalaning.

Keyinchalik, CSS-da div-ni o'ngga qanday o'tkazishim mumkinligi haqida savol tug'ilishi mumkin.

Chegaralar elementning tashqi tomoniga bo'sh joy qo'shadi, to'ldirish esa element ichida bo'sh joy qo'shadi. Agar siz chap chekka qo'shsangiz harakat butun div uchun to'g'ri . Agar siz chap tomonda to'ldirishni qo'shsangiz, tarkibingizni o'zgartirasiz div uchun to'g'ri , garchi u ichida qoladi div.

Bundan tashqari, CSS-da matnni qanday ko'chirishim mumkin? Kimga matnni ko'chirish element ichida CSS transform xususiyatidan foydalaning. Kimga matnni ko'chirish element ichida CSS transform xususiyatidan foydalaning.

Qanday bo'lmasin, siz sinab ko'rishingiz mumkin:

  1. p {
  2. tepadan chet: 33px;
  3. chap chekka: 10px;
  4. }
  5. p {
  6. to'ldiruvchi ustki: 33px;
  7. padding-chap: 10px;
  8. }

Bu bilan bog'liq holda, divni chapga qanday joylashtirishim mumkin?

Agar pozitsiya : mutlaq; yoki pozitsiya : belgilangan; - the chap xususiyatni belgilaydi chap elementning chetidan birlikgacha chap ning chap eng yaqin joylashgan ajdodining chekkasi.

Ta'rifi va qo'llanilishi.

Standart qiymat: avto
JavaScript sintaksisi: object.style.left="100px" Sinab ko'ring

CSS-da Z indeksi nima?

The z - indeks xususiyat stekni belgilaydi buyurtma elementdan. Kattaroq stekga ega element buyurtma har doim pastki stekga ega element oldida turadi buyurtma . Eslatma: z - indeks faqat joylashtirilgan elementlarda ishlaydi (pozitsiya: mutlaq, pozitsiya: nisbiy, pozitsiya: sobit yoki pozitsiya: yopishqoq).

Tavsiya: