CSS hypot() ပုံစံ

ကြောင်းဆို နှင့် အသုံးပြု

CSS အချက် hypot() ပုံစံ အမှတ်အသား ကို အပေါ်တွင် ပေါင်းစပ်သည်။

အမှတ်အသား အပေါ်တွင် အရာဝတ္တု ကို အရာဝတ္တု ပေါ်တွင် ပေါင်းစပ်သည်။ sqrt(x1*x1 + x2*x2 + x3*x3 .... xn*xn) ပုံစံဖြင့် အရာဝတ္တု အပေါ်တွင် ပေါင်းစပ်သည်

hypot() ပုံစံ အမှတ်အသား ကို လက်ခံသည်။ သို့သော် အမှတ်အသား အားလုံး၏ အသုံးပြုသည့် မျိုးအမျိုးမျိုး ကြားချက်ဖြင့် ခွဲခြားထားသည်

အမှတ်အသား

အသုံးပြု hypot() အကွက် အစိတ် ကို သတ်မှတ်ပြီး

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% */
}

ကိုယ်တိုင် ကျင်းပပြီ

CSS ပုံစံ

hypot(x1, x2, x3, ...)
အမှတ် ကြောင်းဆို
x1, x2, x3, ... စက်မှုသဘော ဖြစ်သည်။ တစ်ခုခုတည်း သို့မဟုတ် အမှတ်အသားများ အမှတ်အသား မှာ ကြားချက်ဖြင့် ခွဲခြားထားသည်

နည်းပါး အချက်

ပုံစံ: CSS4

ဘတ်ကွန်း ထောက်ပံ့

ဘတ်မြစ်တွင် စာရင်းပုံစံ အမှတ်အသား သည် အပြော်အသား ပုံစံ ကို ပထမဆုံး ထောက်ပံ့ပေးသော ဘတ်ကွန်း ကို ကိုးကားသည်

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

လုပ်ခြင်း စာရင်း

လိုက်ချက်CSS acos() ပုံစံ

လိုက်ချက်CSS asin() ပုံစံ

လိုက်ချက်CSS atan2() ပုံစံ

လိုက်ချက်CSS calc() ပုံစံ

လိုက်ချက်CSS cos() ပုံစံ

လိုက်ချက်CSS exp() ပုံစံ

လိုက်ချက်CSS hypot() ပုံစံ

လိုက်ချက်CSS log() ပုံစံ

လိုက်ချက်CSS mod() ပုံစံ

လိုက်ချက်CSS pow() ပုံစံ

လိုက်ချက်CSS sin() 函数

လိုက်ချက်CSS sqrt() 函数

လိုက်ချက်CSS tan() သဘော