Как сделать текст невидимым css?
2 ответа
от
cheyenne.boehm ,
2 года назад
@loyal Сделать текст невидимым в CSS, можно через opacity:
HTML:
1 2 3 |
<body> <p>Невидимый текст</p> </body> |
CSS:
1 2 3 |
p{ opacity: 0; } |
от
nicola ,
год назад
@loyal
В CSS существует несколько способов сделать текст невидимым:
- Свойство opacity: устанавливает прозрачность элемента, включая его содержимое. Значение 0 делает элемент полностью прозрачным и невидимым.
1 2 3 |
.element { opacity: 0; } |
- Свойство visibility: устанавливает видимость элемента. Значение hidden делает элемент невидимым, но сохраняет его местоположение и размер на странице.
1 2 3 |
.element { visibility: hidden; } |
- Свойство color: устанавливает цвет текста элемента. Значение transparent делает текст невидимым.
1 2 3 |
.element { color: transparent; } |
Обратите внимание, что при использовании свойства visibility или color содержимое элемента может быть скрыто, но его размер и местоположение на странице останутся теми же. Если вы хотите скрыть элемент полностью, включая его размер и местоположение, используйте свойство display со значением none.
1 2 3 |
.element { display: none; } |
15