CSS AdvancedLesson 68Preview gratis
CSS object-position
Lesson ini bagian dari CSS · Semua level
Ringkasan
`object-position` menentukan bagian mana dari gambar yang diprioritaskan tampil saat ukurannya harus dipotong, misalnya bersama `object-fit: cover`. Nilainya berupa dua persen untuk sumbu horizontal dan vertikal, mirip seperti `background-position`. Dengan mengatur titik fokus ini, wajah orang dalam foto potret bisa tetap terlihat.
Poin kunci
- Nilai default `object-position` adalah `50% 50%` (pusat)
- `object-position: top` mempertahankan bagian atas gambar
- Dua nilai mewakili sumbu X dan Y, bisa persen atau satuan panjang
- `object-position` bekerja bersama `object-fit` yang memotong isi elemen
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.