Запитання з тегом «css»

CSS (Каскадні таблиці стилів) - мова аркуша стилю представлення, яка використовується для опису вигляду та форматування HTML (мови розмітки HyperText), XML (розширюваної мови розмітки) та SVG-елементів, включаючи (але не обмежуючись ними) кольори, макет, шрифти, та анімації. Він також описує, як елементи повинні бути відображені на екрані, на папері, у мовленні або на інших носіях інформації.

10
Плаваючі елементи всередині div, плавають поза div. Чому?
Скажіть, у вас є div, дайте йому певне значення widthі вкладіть у нього елементи, в моєму випадку imgі інше div. Ідея полягає в тому, що вміст контейнера divзмусить контейнер divрозтягуватися і буде фоном для вмісту. Але коли я це роблю, що містять divусадку, щоб вмістити об'єкти, що не плавають, і …
274 css  html  css-float 

5
Що означають властивості перекресленого стилю в розробниках Google Chrome?
Під час огляду елемента за допомогою devtools Chrome на вкладці елементів праворуч на панелі "Стилі" відображаються відповідні властивості CSS. Часом деякі з цих властивостей вражаються. Що означають ці властивості?



17
Як запобігти розриву стовпця всередині елемента?
Розглянемо наступний HTML: <div class='x'> <ul> <li>Number one</li> <li>Number two</li> <li>Number three</li> <li>Number four is a bit longer</li> <li>Number five</li> </ul> </div> та наступні CSS: .x { -moz-column-count: 3; column-count: 3; width: 30em; } На сьогодні Firefox робить це аналогічно наступному: • Number one • Number three bit longer • …




15
Як плавати 3 діви поруч за допомогою CSS?
Я знаю, як змусити 2 диви плавати пліч-о-пліч, просто пливуть один вліво, а другий вправо. Але як це зробити за допомогою 3 дівок чи мені просто використовувати для цього таблиці?
270 css  css-float 

30
Центр модального вертикального положення Bootstrap 3
Це питання з двох частин: Як можна розташувати модаль вертикально в центрі, коли не знаєш точної висоти модала? Чи можливо мати модальний центр і мати переповнення: автоматично в модальному тілі, але тільки якщо модальний перевищує висоту екрана? Я спробував використовувати це: .modal-dialog { height: 80% !important; padding-top:10%; } .modal-content { …

16
Змініть колір заповнення SVG, коли він подається як фонове зображення
Розміщуючи вихід SVG безпосередньо в рядку з кодом сторінки, я можу просто змінити кольори заповнення CSS на зразок: polygon.mystar { fill: blue; }​ circle.mycircle { fill: green; } Це чудово працює, проте я шукаю спосіб змінити атрибут "fill" SVG, коли він подається як BACKGROUND-IMAGE. html { background-image: url(../img/bg.svg); } Як …
270 html  css  svg 

12
CSS викреслює різний колір тексту?
HTML - елементи del, strikeабо sможуть бути використані для тексту закреслено ефекту. Приклади: <del>del</del> .... дає: дель <strike>strike</strike> and <s>strike</s> .... дає: страйк та страйк text-decorationВластивість CSS зі значенням line-throughможе використовуватися аналогічно. Код... <span style='text-decoration:line-through'> text-decoration:line-through </span> ... також буде виглядати так: текст-прикраса: рядок Однак закреслена лінія, як правило, того …
268 html  css 

24
Як я можу переупорядкувати свої divs за допомогою лише CSS?
З огляду на шаблон, коли HTML не може бути змінено через інші вимоги, як можна відображати (переставляти) divвище інше, divякщо вони не в такому порядку в HTML? Обидва divs містять дані, що відрізняються за висотою та шириною. <div id="wrapper"> <div id="firstDiv"> Content to be below in this situation </div> <div …
266 html  css 


25
Як створити HTML-таблицю з фіксованим / замороженим лівим стовпцем та тілом, що прокручується?
Мені потрібно просте рішення. Я знаю, що це схоже на деякі інші питання, наприклад: HTML-таблиця з фіксованими заголовками та фіксованим стовпцем? Як я можу заблокувати перший рядок і перший стовпець таблиці під час прокрутки, можливо, використовуючи JavaScript та CSS? Але мені потрібно лише один лівий стовпець, який потрібно заморозити, і …
266 html  css  html-table 

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.