Moz-Sempadan-Radius (harta CSS)

3

Moz-Border-Radius adalah bersamaan dengan Gecko dengan harta radius sempadan CSS3, walaupun ia berbeza dalam beberapa aspek. Hartanah Shorthand membenarkan pemaju web untuk menentukan sempadan bulat, atau latar belakang bulat jika tiada sempadan telah ditakrifkan.

di Gecko 2.0 Moz-Sempadan-Radius dinamakan semula sebagai Radius Sempadan; -Moz-Sempadan-Radius disokong sebagai alias sehingga Gecko 12.0.

Untuk mematuhi standard CSS3, Gecko 2.0

menukar pengendalian nilai

untuk memadankan spesifikasi. Anda boleh menentukan elips sebagai sempadan pada elemen bersaiz sewenang-wenang hanya dengan radius sempadan: 50%;

Kandungan dan imej klip sudut bulat (jika limpahan: kelihatan tidak ditetapkan)

Nota: Sokongan untuk versi prefixed (-Moz-Border-Radius) telah dikeluarkan di Gecko 13.0 (Firefox 13.0 / Thunderbird 13.0 / Seamonkey 2.10).
• Border-Radius
Harta Radius Sempadan adalah harta tersendiri yang boleh menerima sehingga empat nilai. Nilai mewakili (dalam urutan,) sudut kiri, kanan atas, kanan bawah, dan bawah kiri bawah. Begitu juga dengan mana -mana sifat tersendiri yang menggunakan nilai unit, apa -apa nilai yang ditinggalkan diwarisi dari yang sedia ada.

• Anda secara jelas boleh menargetkan sudut individu elemen menggunakan sintaks Longhand. Contohnya:

  Anda dapat melihat dengan jelas mengapa, dalam kebanyakan kes, anda akan menggunakan sintaks shorthand. Walaupun anda ingin menyasarkan satu sudut, lebih efisien untuk melakukan ini:

  Soalan Lazim (Soalan Lazim) Mengenai -Moz-Sempadan-Radius CSS Property

  .media img {
    border-top-left-radius: 20%;
    border-top-right-radius: 20%;
    border-bottom-right-radius: 20%;
    border-bottom-left-radius: 20%;
  }

  Apakah harta CSS -Moz-Sorder-Radius yang digunakan untuk? Ia membolehkan anda menentukan jejari lengkung sempadan, memberikan anda kawalan ke atas bulat sudut. Harta ini amat berguna dalam reka bentuk web untuk membuat butang, kad, atau unsur-unsur lain yang mendapat manfaat daripada mempunyai sudut bulat. -Moz-Sempadan Radius pada mulanya digunakan untuk pelayar Firefox kerana mereka tidak menyokong harta Radius Sempadan Standard. Walau bagaimanapun, sejak Firefox 4.0 dan seterusnya, harta radius sempadan standard disokong sepenuhnya. Oleh itu, penggunaan -Moz-Sempadan-Radius tidak lagi diperlukan kecuali anda sedang membangunkan untuk versi lama Firefox.

  Bagaimanakah harta tanah-moz-sempadan-radius berfungsi? Sudut tepi sempadan luar. Nilai pertama adalah jejari mendatar, dan yang kedua ialah jejari menegak. Sekiranya hanya satu nilai diberikan, ia digunakan untuk kedua -dua radii. -Border-Radius Harta. Peratusan dikira berkenaan dengan lebar dan ketinggian kotak sempadan, dan bentuk yang dihasilkan adalah elips simetri, atau bulatan jika kedua -dua panjangnya sama. -Radius dan Radius Sempadan? Radius sempadan adalah harta CSS standard. Kedua -dua sifat ini berfungsi dengan tujuan yang sama, iaitu untuk mewujudkan sudut bulat. Walau bagaimanapun, adalah disyorkan untuk menggunakan harta Radius Sempadan standard kerana ia disokong oleh semua pelayar moden. Satu bulatan yang menggunakan harta Radius -Moz-Sempadan, anda perlu menetapkan harta itu kepada 50%. Ini akan mewujudkan bulatan yang sempurna, memandangkan elemen mempunyai lebar dan ketinggian yang sama. boleh menentukan nilai yang berbeza untuk setiap sudut dengan menggunakan -moz-sempadan-radius-opleft, -moz-sempadan-radius-topright, -moz-sempadan-radius-bottomright, dan -Moz-Sempadan-Radius-Bottomleft Properties. -Radius harta. Sekiranya anda menggunakan nilai negatif, perisytiharan itu akan diabaikan dan harta itu tidak akan digunakan. Hartanah-Moz-Sempadan-Radius boleh digunakan bersempena dengan sifat sempadan lain seperti gaya sempadan, lebar sempadan, dan warna sempadan. Ini membolehkan anda membuat pelbagai gaya untuk sudut bulat anda. Harta khusus Mozilla, jadi ia hanya disokong di Firefox. Walau bagaimanapun, semua pelayar moden menyokong harta Radius Sempadan standard, jadi disyorkan untuk menggunakannya sebaliknya untuk keserasian penyemak imbas.

Atas ialah kandungan terperinci Moz-Sempadan-Radius (harta CSS). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!