Calc — Глоссарий

A function for performing arithmetic calculations with mixed units in CSS property values (e.g. calc(100% - 2rem)).

Техническая деталь

CSS calc is part of the CSS specification maintained by the W3C CSS Working Group. Browser rendering engines (Blink, WebKit, Gecko) implement the specification through their layout and paint pipeline stages. Understanding the rendering pipeline — Style → Layout → Paint → Composite — is key to writing performant CSS. Properties that trigger layout recalculation (width, height, margin) are more expensive than those that only trigger compositing (transform, opacity).

Пример

```css
/* Example: Calc */
.element {
  /* Apply calc to this element */
  display: block;
  margin: 0 auto;
}
```

Связанные форматы

.css

Связанные инструменты

М Минификатор CSS Ф Форматирование CSS Г Генератор CSS-градиентов Г Генератор CSS Box Shadow Г Генератор CSS Flexbox Г Генератор CSS Grid Г Генератор CSS-анимаций Г Генератор CSS Border Radius Г Генератор CSS Text Shadow Г Генератор CSS Transform C CSS Unit Converter C CSS Color Converter M Media Query Generator C CSS Filter Effects C CSS Clip-Path Generator

Связанные термины

Specificity Cascade Box Model Flexbox Grid Custom Property Media Query Pseudo-class Pseudo-element Transition Keyframe Animation Z-Index Clamp Container Query Selector Combinator BEM Viewport Unit Aspect Ratio (CSS) Stacking Context Logical Property Color Function Nesting Layer Scroll Snap :has() Selector Subgrid Scroll-Driven Animation View Transition Anchor Positioning Popover oklch() lab() Custom Properties Inheritance CSS min() CSS max() CSS Scope Starting Style Color Mix Text Wrap Balance CSS Nesting Selector Content Visibility CSS Paint API Relative Color Syntax