คู่มืออ้างอิงฟังก์ชัน CSS

ฟังก์ชัน CSS

ฟังก์ชัน CSS สามารถใช้ในการคำนวณค่า ปฏิบัติการตัวเลข สี สร้างกระจายสีและรูปทรงที่ซับซ้อน และอื่นๆ

ฟังก์ชัน CSS มักถูกใช้เป็นค่าของ CSS หลักต่างๆ

ฟังก์ชัน บรรยาย
acos() คำนวณค่าอัญฉานของตัวเลขที่กำหนดระหว่าง -1 และ 1
asin() คำนวณค่าอัญฉานของตัวเลขที่กำหนดระหว่าง -1 และ 1
atan() คำนวณค่าอัญฉานของตัวเลขที่กำหนดระหว่าง -∞ และ ∞
atan2() คำนวณค่าอัญฉานของสองค่าที่กำหนดระหว่าง -∞ และ ∞
attr() คำนวณค่าของคุณสมบัติของส่วนประกอบที่เลือก
blur() ประกาศผลลัพธ์การทำแบบมองลึกของส่วนประกอบ
brightness() ปรับความสว่างของส่วนประกอบ (สว่างขึ้นหรือมืดขึ้น)
calc() อนุญาตให้ทำการคำนวณเพื่อระบุค่า CSS หลัก
circle() กำหนดรูปวง
clamp() กำหนดค่าที่จะปรับค่า CSS ตามขนาดของ视口
color() อนุญาตให้กำหนดสีในช่องทางสีที่กำหนด
color-mix() ผสมสีที่กำหนดในช่องทางสีที่กำหนดโดยระบบสัดส่วนที่กำหนด
conic-gradient() สร้างกระจายสีทรงกระจก
contrast() ปรับความเปราะบางของส่วนประกอบ
cos() คำนวณค่าคอซีนขององศา
counter() คำนวณค่าของนามนับในตอนนี้
counters() คำนวณค่าของนามนับและนามนับที่ฝังหลังในตอนนี้
cubic-bezier() กำหนดเส้นโค้งเบซิเออร์สามระดับ
drop-shadow() ประกาศผลลัพธ์การทำแบบสร้างภาพ
ellipse() กำหนดเขตทรงหรือเกลียว
exp() คำนวณค่าพีททองของ E มากกว่า x ครั้ง (Ex)
fit-content() อนุญาตให้ปรับขนาดส่วนประกอบตามเนื้อหา
grayscale() แปลงภาพเป็นระดับเข้มข้น
hsl() / hsla() กำหนดสีในรูปแบบทรงกลม - ความมาก - ความมืด; สามารถรวมส่วนที่มี alpha ได้
hue-rotate() ใช้สีเลื่อนที่มีส่วนที่มี alpha ได้
hwb() กำหนดสีในรูปแบบทรงกลม - ความมืด - ความสว่าง; สามารถรวมส่วนที่มี alpha ได้
hypot() กดอัตรายกายสัมพันธ์ของตัวเลขหนึ่งที่มีตัวเลขอื่นเป็นอัตรายกายสัมพันธ์
inset() กำหนดกล่องที่มีระยะห่างกับมุมทุกด้าน
invert() ยกกลุ่มสีในภาพขึ้น
lab() กำหนดสีในช่องทางเรียกว่า CIE Lab (CIE ฝาก - ความเข้มข้น - ฉาก)
lch() กำหนดสีในช่องทางเรียกว่า LCH (อักษรรูปแบบสี - ความเข้มข้น - ฉาก)
light-dark() ใช้สองตัวเลขสีให้กับผู้ใช้ที่ได้กำหนดลูกศิลป์มืด กดอัตรายกายสัมพันธ์ของตัวเลขหนึ่งที่มีตัวเลขอื่นเป็นอัตรายกายสัมพันธ์
กดอัตรายกายสัมพันธ์ของตัวเลขหนึ่งที่มีตัวเลขอื่นเป็นอัตรายกายสัมพันธ์
linear-gradient() สร้างรัดเชิญทางเศษทรงสามมิติ
log() กดเอ็นเตอร์ล็อกที่มีค่าเดี่ยวกับตัวเลขหนึ่ง (x) หรือกดเอ็นเตอร์ล็อกที่มีค่าเดี่ยวกับตัวเลขหนึ่ง (y)
matrix() ใช้ตัวเลขที่มีขนาดเล็กที่สุดในบรรดาตัวเลขที่มีขนาดใหญ่ที่สุดในบรรดาตัวเลขแบบหยุดยั้ง
matrix3d() ใช้ตัวเลขที่มีขนาดเล็กที่สุดในบรรดาตัวเลขที่มีขนาดใหญ่ที่สุดในบรรดาตัวเลขแบบหยุดยั้ง
max() ใช้ตัวเลขที่มีขนาดใหญ่ที่สุดในบรรดาตัวเลขแบบหยุดยั้ง
min() ใช้ตัวเลขที่มีขนาดเล็กที่สุดในบรรดาตัวเลขที่มีขนาดใหญ่ที่สุดในบรรดาตัวเลขแบบหยุดยั้ง
minmax() กำหนดขนาดที่มีจำนวนเท่ากับที่กำหนดเรียกว่า minmax() (ใช้ใน CSS Grid)
mod() กดอัตรายกายสัมพันธ์ของตัวเลขหนึ่งต่อตัวเลขอื่น
oklab() กำหนดสีในช่องทางเรียกว่า OKLAB
oklch() กำหนดสีในช่องทางเรียกว่า OKLCH
opacity() ใช้ผลลัพธ์ของอุณหภูมิลงมือในธาตุ
perspective() กำหนดมุมมองพิสัยที่สำหรับการแปลงแปลงทางสามมิติ
polygon() กำหนดทรงที่มีแบบหลายหลาย
pow() กดอัตรายกายสัมพันธ์ของตัวเลขหนึ่งที่มีตัวเลขอื่นเป็นอัตรายกายสัมพันธ์
radial-gradient() สร้างรัดเชิญทางเศษ
ray() กำหนดเส้นทางระยะห่างที่ตัวแบบระบุการเคลื่อนไหวตามเส้นทาง
rem() กดอัตรายกายสัมพันธ์ของตัวเลขหนึ่งต่อตัวเลขอื่น
repeat() ซ้ำกลุ่มซองหรือบรรทัดในกริด
repeating-conic-gradient() ซ้ำรัดเชิญทางเศษกระแส
repeating-linear-gradient() ซ้ำรัดเชิญทางเศษทรงสามมิติ
repeating-radial-gradient() ซ้ำรัดเชิญทางเศษทรงกระบวน
rgb() / rgba() 使用红-绿-蓝模型 (RGB) 定义颜色；可选地包含 alpha 组件。
rotate() 定义元素的 2D 旋转。
rotate3d() 定义元素的 3D 旋转。
rotateX() 定义元素绕 x 轴（水平）的 3D 旋转。
rotateY() 定义元素绕 y 轴（垂直）的 3D 旋转。
rotateZ() 定义元素绕 z 轴的 3D 旋转。
round() 根据指定的舍入策略对数进行舍入。
saturate() 调整元素的饱和度（颜色强度）。
scale() 定义元素的 2D 缩放。
scale3d() 定义元素的 3D 缩放。
scaleX() 水平缩放元素（宽度）。
scaleY() 垂直缩放元素（高度）。
sepia() แปลงภาพเป็นสีน้ำตาล
sin() คืนค่าที่เป็นซีนาสีของตัวเลข (องศา)
skew() ทางยิ่งขององค์ประกอบตามตัวยิ่ง x และ y
skewX() ทางยิ่งขององค์ประกอบตามตัวยิ่ง x
skewY() ทางยิ่งขององค์ประกอบตามตัวยิ่ง y
sqrt() คืนค่าที่เป็นทรรศน์ของตัวเลข
steps() สร้างฟังก์ชันจับเวลาของการแอนิเมชัน
tan() คืนค่าที่เป็นตัวเลขที่เป็นทั้งสองของตัวเลข
translate() อนุญาตให้เปลี่ยนทิศทางขององค์ประกอบตามตัวยิ่ง x และ y
translateX() อนุญาตให้เปลี่ยนทิศทางขององค์ประกอบตามตัวยิ่ง x
translateY() อนุญาตให้เปลี่ยนทิศทางขององค์ประกอบตามตัวยิ่ง y
url() อนุญาตให้รวมไฟล์ไว้ในสไตล์
var() แบบฟอร์มของการแทรกค่าของคุณภาพส่วนบุคคล