Is it possible to do mathematics inside CSS?

by

There’s a CSS function called calc that is starting to get pretty good support. The syntax works as followed:

width: calc(50% - 100px);

(Note that the whitespace around the operators is significant)

This allows true dynamic computational support in CSS. With a preprocessor, you can only combine static lengths with static lengths, and relative lengths with relative ones.

At this point in time calc has achieved widespread support and should be safe to use unless you have specific needs for supporting legacy browsers.

More Related Contents:

  1. When we using alert vs popup div tag? [closed]
  2. How to hide css and js version details from weppalyzer in PHP
  3. CSS Propertie change OnClick [closed]
  4. My website doesn’t load jQuery [closed]
  5. How to make page loaders/animations/transitions
  6. My JS is not working (chat application)
  7. Download the text over image using jquery
  8. How to apply !important using .css()?
  9. Replacing css file on the fly (and apply the new style to the page)
  10. Dynamically loading css stylesheet doesn’t work on IE
  11. How to silently hide “Image not found” icon when src source image is not found
  12. How to close an open collapsed navbar when clicking outside of the navbar element in Bootstrap 3?
  13. How to show popup message like in Stack Overflow
  14. Use images like checkboxes
  15. Setting CSS value limits of the window scrolling animation
  16. Dropdown select with images
  17. How can I generate the opposite color according to current color?
  18. Responsive horizontal page sliding
  19. scrollTop animation without jquery [duplicate]
  20. How to swipe top down JQuery mobile
  21. Scale element proportional to Background Cover with jQuery
  22. jQuery: Slide left and slide right
  23. Bootstrap Dropdown with Hover
  24. How to show hidden divs on mouseover?
  25. How to make superfish dropdown menu responsive?
  26. Wrapping lists into columns
  27. How to customize the position of an alert box
  28. Showing Placeholder text for password field in IE
  29. Possible to reverse a css animation on class removal?
  30. In jQuery mobile, what’s the diff between tap and vclick?

Leave a Comment