Funguo lai CSS hypot()

Ufafanuzi na matumizi

CSS wa hypot() Funguo hii inatuma matokeo wa ukosemu wa kuzingatia miwango yake kwa kweli.

Matokeo hutumia muhimu wa fomu sqrt(x1*x1 + x2*x2 + x3*x3 .... xn*xn) kuandaa.

hypot() Funguo hii inakisha miwango yenye ukiriki, lakini kila ukiriki kinaonekana kwa ukubwa unaowezesha.

Mifano

Tumia hypot() Kuweka ukubwa wa kina:

div.a {
  width: hypot(80px); /* 80px */
}
div.b {
  width: hypot(40px, 80px); /* 89,44px */
}
div.c {
  width: hypot(40px, 80px, 100px); /* 134,16 */
}
div.d {
  width: hypot(40px, 80px, 100px, 120px); /* 180 */
}
div.e {
  width: hypot(10%, 20%, 40%); /* 45,82% */
}

Jifunze kwa urahisi

Inayotumiwa kwenye CSS

hypot(x1, x2, x3, ...)
Wakati Maelezo
x1, x2, x3, ... Inayohitajika. Ameachana kwa miwango au zaidi ya miwango kwa kina koma.

Mifano ya teknolojia

Tofauti ya barivisho: CSS4

Mwongozo wa barivisho

Mifano ya tabia ya mifano inaonyesha tofauti ya barivisho ya kwanza ya kufaa kufungua funguo hii.

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

Makao zaidi

Tazama:Funguo lai CSS acos()

Tazama:Funguo lai CSS asin()

Tazama:Funguo lai CSS atan2()

Tazama:Funguo lai CSS calc()

Tazama:Funguo lai CSS cos()

Tazama:Funguo lai CSS exp()

Tazama:Funguo lai CSS hypot()

Tazama:Funguo lai CSS log()

Tazama:Funguo lai CSS mod()

Tazama:Funguo lai CSS pow()

Tazama:Mafuta wa sin() wa CSS

Tazama:Mafuta wa sqrt() wa CSS

Tazama:Mafuta wa tan() wa CSS