Apakah maksud radius dalam css

Dalam CSS, sifat jejari digunakan untuk menetapkan jejari sudut sesuatu elemen untuk mencipta rupa yang lebih cantik dan moden. Nilai harta termasuk panjang mutlak atau peratusan, atau mewarisi jejari unsur induk. Menentukan satu nilai memberi kesan kepada keempat-empat penjuru, menyatakan dua nilai mempengaruhi jejari sudut kiri atas dan sudut kanan bawah, dan sudut kanan atas dan kiri bawah masing-masing. Atribut jejari disokong secara meluas oleh semua pelayar moden.

Apakah maksud jejari dalam CSS?

Radius ialah sifat dalam CSS yang membolehkan pembangun membulatkan elemen. Ia mencipta sempadan bulat untuk elemen, menjadikannya kelihatan lebih cantik dan moden.

Bagaimana menggunakan jejari? Atribut

radius menerima satu atau dua nilai:

• Nilai tunggal: Jika hanya satu nilai disediakan, ia akan digunakan pada keempat-empat penjuru elemen.
• Dua nilai: Nilai pertama digunakan pada penjuru kiri atas dan kanan bawah, manakala nilai kedua digunakan pada penjuru kanan atas dan kiri bawah.

Sintaks:

<code class="css">element {
  border-radius: <值>;
}</code>

• <值> boleh menjadi salah satu daripada nilai berikut:

  • absolute value length (mis. "10px" atau "1em")
  • percentage value (mis. "20%")
  • Kata Kunci "warisi" (warisi nilai bulat elemen induk)

Contoh:

Untuk menetapkan keempat-empat jejari penjuru kepada 10 piksel, gunakan kod berikut:

Untuk menetapkan sudut atas kiri dan kanan Untuk menetapkan jejari sudut bawah kepada 20 piksel dan sudut atas kanan dan kiri bawah kepada 10 piksel, gunakan kod berikut:

<code class="css">.element {
  border-radius: 10px;
}</code>

Pelayar Disokong:

Atribut jejari disokong secara meluas dalam semua penyemak imbas moden , termasuk Chrome, Firefox, Safari, Edge dan Opera.

Atas ialah kandungan terperinci Apakah maksud radius dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!