פונקציות מתמטיות אלו פונקציות המסייעות להגדיר מידע התלוי בחישובים מספריים.
הפונציות מקבלות ערכים מספריים כמו אחוז, מידה ופעולה חשבונית, החישוב מחושב ומוחזר למאפיין ה-CSS הנבחר.
הפונקציה calc() מקבלת ביטוי מתמטי ומחזירה את תוצאת החישוב. בדוגמא להלן התגית תהיה ברוחב קטן ב-150 פיקסלים מהתגית המכילה אותה, כלומר אם הרוחב של התגית המכילה הוא 800 פיקסלים אז 100% מ-800 זה 800 פחות 150 פיקסלים זה 650 פיקסלים, כלומר התוצאה שתעבור למאפיין תהיה שוות ערך ל-650px.
width: calc(100% - 150px);הפונקציה max() מקבלת שני ביטויים ומחזירה את הביטוי הגדול מבין שתי האפשרויות. בדוגמא להלן ניתן לראות שימוש בפונקציה, לדוגמא אם התגית המכילה היא ברוחב של 800 פיקסל אז 50% מ-800 זה 400 ובגלל ש-400 גדול מ-250 התוצאה שתוחזר תהיה שוות ערך ל-400px.
width: max(50%, 250px);הפונקציה min() מקבלת שני ביטויים ומחזירה את הביטוי הקטן מבין שתי האפשרויות. בדוגמא להלן ניתן לראות שימוש בפונקציה, לדוגמא אם התגית המכילה היא ברוחב של 800 פיקסלים אז 50% מ-800 זה 400 ובגלל ש-250 קטן מ-400 התוצאה שתוחזר תהיה שוות ערך ל-250px.
width: min(50%, 250px);