Warning: mkdir(): No space left on device in /var/www/tgoop/post.php on line 37

Warning: file_put_contents(aCache/aDaily/post/frontendnoteschannel_ru/--): Failed to open stream: No such file or directory in /var/www/tgoop/post.php on line 50
Frontender's notes [ru]@frontendnoteschannel_ru P.5218
FRONTENDNOTESCHANNEL_RU Telegram 5218
💬 Округление значений в CSS — когда точность важна

Посмотрев на свойство margin в инструментах разработчика, мы можем заметить, что оно выводит дробную часть — 1.25rem. Как бы это ни казалось точным, для меня такие значения порой раздражают. Если вы, как и я, хотите избавиться от десятичных значений в CSS, у нас есть отличная новинка: математическая функция round(). Используя round(), можно округлить число, а с помощью функции to-zero, избавиться от дробной части.

ℹ️ Как это работает:

html {
font-size: 106.25%; /* это будет равно 17px */
}

.awesome-block {
width: 2rem;
height: 2rem;
background-color: tomato;
box-sizing: border-box;
margin: round(to-zero, 1.25rem, 1px);
}


📌 Теперь значение свойства будет идеально округленным без лишней десятичной части. Хотя это не всегда критично, но знать про эту функцию в целом не помешает.

🚪 Frontender's notes
Please open Telegram to view this post
VIEW IN TELEGRAM
6👍5👎2🐳2



tgoop.com/frontendnoteschannel_ru/5218
Create:
Last Update:

💬 Округление значений в CSS — когда точность важна

Посмотрев на свойство margin в инструментах разработчика, мы можем заметить, что оно выводит дробную часть — 1.25rem. Как бы это ни казалось точным, для меня такие значения порой раздражают. Если вы, как и я, хотите избавиться от десятичных значений в CSS, у нас есть отличная новинка: математическая функция round(). Используя round(), можно округлить число, а с помощью функции to-zero, избавиться от дробной части.

ℹ️ Как это работает:

html {
font-size: 106.25%; /* это будет равно 17px */
}

.awesome-block {
width: 2rem;
height: 2rem;
background-color: tomato;
box-sizing: border-box;
margin: round(to-zero, 1.25rem, 1px);
}


📌 Теперь значение свойства будет идеально округленным без лишней десятичной части. Хотя это не всегда критично, но знать про эту функцию в целом не помешает.

🚪 Frontender's notes

BY Frontender's notes [ru]




Share with your friend now:
tgoop.com/frontendnoteschannel_ru/5218

View MORE
Open in Telegram


Telegram News

Date: |

SUCK Channel Telegram 4How to customize a Telegram channel? Healing through screaming therapy Each account can create up to 10 public channels In the “Bear Market Screaming Therapy Group” on Telegram, members are only allowed to post voice notes of themselves screaming. Anything else will result in an instant ban from the group, which currently has about 75 members.
from us


Telegram Frontender's notes [ru]
FROM American