Made in HTML/CSS – Telegram
Made in HTML/CSS
1.38K subscribers
754 photos
41 videos
2 files
677 links
Научись классно верстать и создавать сайты благодаря Made in HTML/CSS.
По рекламе - https://news.1rj.ru/str/ZilantTG
Download Telegram
Свойство clip в CSS используется для определения области отображения элемента, особенно для обрезки элементов с использованием position: absolute;.
Оно позволяет задать прямоугольную область, за пределами которой элемент не будет виден.

- top: расстояние от верхней границы элемента.
- right: расстояние от правой границы.
- bottom: расстояние от нижней границы.
- left: расстояние от левой границы.


Made in HTML/CSS
👍15🔥4👨‍💻1
Свойство column-count в CSS используется для разделения текста на несколько колонок.

Это свойство позволяет задать количество колонок, на которые будет разбиваться содержимое элемента.

Свойство column-count часто применяется для улучшения readability (читаемости) текста на больших экранах.


Made in HTML/CSS
👍14🔥4👨‍💻1
Свойство column-gap в CSS используется для управления расстоянием между колонками в многоколоночном макете.

Это свойство позволяет задавать пространство между колонками, что может улучшать читаемость и внешний вид текста.Свойство column-gap в CSS используется для управления расстоянием между колонками в многоколоночном макете.

Made in HTML/CSS
👍12🔥1👨‍💻1
👍12👨‍💻3🔥2
Свойство column-rule в CSS используется для задания стиля границы (линии) между колонками в многоколоночном макете.

Это свойство является сокращенной записью для трех индивидуальных свойств: column-rule-width, column-rule-style и column-rule-color.



Made in HTML/CSS
👍10🔥5👨‍💻1
Свойство object-fit в CSS используется для управления тем, как содержимое элемента <img>, <video>, <iframe> или <canvas> вписывается в выделенное пространство.

Это свойство позволяет задать, каким образом изображение или видео будет изменять свои размеры и обрезаться в зависимости от доступного пространства.



Made in HTML/CSS
👍8🔥5👨‍💻2
Свойство column-width в CSS используется для установки минимальной ширины колонок в многоколоночном макете.

Это свойство полезно, когда необходимо контролировать, насколько узкими могут быть колонки, в то время как браузер может адаптировать количество колонок в зависимости от доступного пространства.



Made in HTML/CSS
👍7🔥5👨‍💻2
Свойство columns в CSS — это сокращенная запись для установки нескольких связанных свойств, необходимых для создания многоколоночного макета.

Оно позволяет одновременно задавать количество колонок и минимальную ширину колонок.



Made in HTML/CSS
👍7🔥7👨‍💻2
Свойство min-width в CSS используется для задания минимальной ширины элемента.

Оно позволяет гарантировать, что элемент не будет меньше заданной ширины, независимо от того, сколько содержимого в нем находится.

Это свойство помогает поддерживать согласованный макет и предотвращает сжатие элементов до слишком маленьких размеров.



Made in HTML/CSS
👍6🔥4👨‍💻2
Свойство display в CSS определяет, как элемент будет отображаться на странице.

Оно управляет визуальным представлением элемента и влияет на то, как он взаимодействует с другим контентом.

Свойство display имеет множество значений, каждое из которых определяет различные режимы отображения элемента.



Made in HTML/CSS
👍8🔥4👨‍💻2
Свойство float в CSS используется для размещения элемента влево или вправо внутри его родительского контейнера, позволяя тексту и другим элементам обтекать его.

Это свойство часто использовалось для создания многоколоночных макетов до распространения Flexbox и Grid Layout.



Made in HTML/CSS
👍11🔥3👨‍💻2
Свойство min-height в CSS используется для установки минимальной высоты элемента.

Оно позволяет гарантировать, что элемент не будет меньше заданной высоты, даже если его содержимое недостаточно для заполнения этого пространства.

Это свойство может быть полезным для обеспечения согласованного визуального оформления и макета.



Made in HTML/CSS
👍7🔥4👨‍💻3
Свойство max-height в CSS используется для ограничения максимальной высоты элемента.

Это позволяет контролировать, насколько высоко может вытягиваться элемент, даже если его содержимое требует большего пространства.

Оно полезно для создания адаптивных макетов и управления поведением элементов при изменении размера экрана или содержимого.



Made in HTML/CSS
👍6🔥3👨‍💻3
Свойство max-width в CSS используется для задания максимальной ширины элемента.

Оно позволяет ограничить, насколько широко может растягиваться элемент, даже если его содержимое требует большего пространства.

Это полезно для создания адаптивных макетов и управления поведением элементов при изменении размера экрана или содержимого.



Made in HTML/CSS
👍8🔥3👨‍💻2
bottom — это CSS-свойство, которое определяет положение элемента относительно нижней границы его родительского контейнера.

Оно обычно используется в сочетании с позиционированием (position: absolute;, position: relative;, position: fixed; или position: sticky;).


Made in HTML/CSS
🔥9👍6👨‍💻3
Свойство left в CSS определяет положение элемента относительно левой границы его родительского контейнера.

Оно также используется в сочетании с позиционированием (таким как position: absolute;, position: relative;, position: fixed; или position: sticky;).



Made in HTML/CSS
👍10👨‍💻4🔥3
position. 1 часть.

Свойство position в CSS задает способ позиционирования элемента на странице. Оно может принимать несколько значений:

1. static: Стандартное положение. Элемент располагается в порядке потока документа, и свойства top, right, bottom, left не влияют на его положение.

2. relative: Элемент позиционируется относительно своего нормального положения в потоке документа. Свойства top, right, bottom, left изменяют его расположение от стандартной позиции.



Made in HTML/CSS
👍10🔥6👨‍💻2
position. 2 часть

absolute
: Элемент позиционируется относительно ближайшего предка с позиционированием (не статическим). Если такого предка нет, элемент позиционируется относительно окна браузера.

fixed: Элемент фиксируется относительно окна браузера. Он не сдвигается при прокрутке страницы.

sticky: Элемент находится в обычном потоке документа до тех пор, пока не достигнет заданной позиции при прокрутке, после чего становится фиксированным.



Made in HTML/CSS
👍9🔥3👨‍💻2
Свойство caption-side в CSS применяется к элементу <caption> внутри таблицы и определяет, где будет располагаться заголовок таблицы относительно самой таблицы.

Это позволяет управлять позиционированием заголовка, который обычно описывает содержимое таблицы.

Возможные значения


1. top: Заголовок размещается сверху таблицы (по умолчанию).
2. bottom: Заголовок размещается снизу таблицы.
3. left: Заголовок размещается слева от таблицы (не поддерживается во всех браузерах).
4. right: Заголовок располагается справа от таблицы (также может не поддерживаться).




Made in HTML/CSS
👍10🔥4👨‍💻2
Свойство right в CSS определяет положение элемента относительно правой границы его родительского контейнера.

Оно используется в сочетании с позиционированием (position: absolute;, position: relative;, position: fixed; или position: sticky;).



Made in HTML/CSS
👍11🔥4👨‍💻3
Свойство top в CSS определяет вертикальное положение элемента относительно верхней границы его родительского контейнера.

Оно применяется в сочетании с позиционированием элементов, такими как position: absolute;, position: relative;, position: fixed; или position: sticky;.



Made in HTML/CSS
👍9🔥3👨‍💻2