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

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

4
Використання: перед псевдоелементом CSS для додавання зображення в модальний
У мене є клас CSS, Modalякий абсолютно розміщений, z-індексований вище свого батьківського і добре розміщений з JQuery. Я хочу додати зображення каретки (^) у верхню частину модального поля і дивився на використання :beforeпсевдоселектора CSS, щоб зробити це чисто. Зображення має бути абсолютно розміщене та z-індексовано над модальним, але я не …
3
Чи можу я мати кілька: перед псевдоелементами для одного елемента?
Чи можливо мати кілька :beforeпсевдо для одного елемента? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Я намагаюся застосувати вищевказані стилі до одного і того ж елемента за допомогою jQuery, але застосовується лише останній, ніколи не обидва.
9
Створення CSS3 box-тіні з усіх боків, крім однієї
У мене є навігаційна панель з вкладками, де я хотів би, щоб відкрита вкладка мала тінь, щоб відрізнити її від інших вкладок. Я також хотів би, щоб у всьому розділі вкладок була одна тінь (див. Нижню горизонтальну лінію), що затінює нижню частину всіх вкладок, крім відкритої. Я буду використовувати для …
115 html  css  shadow 
3
CSS: непрозорість переходу під час миші?
.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } Чому це породжує непрозорість лише під час введення вказівника, а не тоді, коли я залишаю об'єкт мишею? Демонстрація тут: http://jsfiddle.net/7uR8z/ Сігналы …
12
Довжина межі менша, ніж ширина Div?
У мене є наступний код div { width:200px; border-bottom:1px solid magenta; height:50px; } DEMO Ширина Div-200px, тому межа-bottom є також 200px, але що робити, якщо я хочу тільки border-bottom лише 100px, не змінюючи ширину div?
115 html  css 
16
Як ви читаєте значення правил CSS за допомогою JavaScript?
Я хотів би повернути рядок із усім вмістом правила CSS, як-от формат, який ви побачите в стилі вбудованого. Я хотів би це зробити, не знаючи, що міститься в певному праві, тому я не можу просто витягнути їх за назвою стилю (наприклад, .style.widthтощо) CSS: .test { width:80px; height:50px; background-color:#808080; } Поки …
115 javascript  html  css 
8
Як встановити вертикальний пробіл між елементами списку?
Всередині <ul>елемента чітко вертикальний інтервал між рядками може бути відформатований за допомогою атрибута висоти рядка. Моє запитання полягає в тому <ul>, як всередині елемента, як встановити вертикальний інтервал між елементами списку?
115 html  css  html-lists 
10
Що протилежне: наведення курсора (у відпустці миші)?
Чи є якийсь спосіб зробити протилежне :hover використання лише CSS? Як у: якщо :hoverє on Mouse Enter, чи існує CSS, еквівалентний on Mouse Leave? Приклад: У мене є меню HTML за допомогою елементів списку. Коли я наведіть курсор на один із елементів, з'являється кольорова анімація CSS від #999до black. Як …
115 css  hover 
5
Чи існує еквівалент максимальної ширини CSS, який працює в HTML-листах?
Я намагаюся створити HTML-адресу електронної пошти, яка відображатиметься належним чином у всіх широко використовуваних клієнтах електронної пошти. Я загортаю всю електронну пошту в таблицю, і хотілося б, щоб вона мала ширину до 98% від доступної ширини, але не більше 800 пікселів. Подобається це: <table style="width:98%; max-width:800px;"> Але я не роблю …
114 html  email  html-email  css 
7
Як перетворити чорний в будь-який колір, використовуючи лише фільтри CSS
Моє запитання: з урахуванням цільового кольору RGB, яка формула для перефарбування чорного ( #000) у цей колір, використовуючи лише CSS-фільтри ? Щоб відповідь була прийнята, потрібно було б надати функцію (будь-якою мовою), яка б приймала цільовий колір як аргумент і повертала відповідний CSS filter рядок . Контекстом для цього є …
8
Підтримуйте співвідношення сторін зображення при зміні висоти
Використовуючи модель CSS flex box, як я можу змусити зображення підтримувати його співвідношення сторін? JS Fiddle: http://jsfiddle.net/xLc2Le0k/2/ Зауважте, що зображення розтягуються або зменшуються, щоб заповнити ширину контейнера. Це добре, але чи можемо ми його також розтягнути або зменшити висоту, щоб зберегти пропорції зображення? HTML <div class="slider"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img …
114 html  css  flexbox 
5
Кольоровий колір межі трикутника CSS
Спроба використовувати нетиповий колір для мого css трикутника (межі). Однак, оскільки він використовує властивості кордону, я не знаю, як це зробити. Мені хотілося б уникати JavaScript та css3 просто через сумісність. Я намагаюся, щоб у трикутника було біле тло з рамкою 1px (навколо кутових сторін трикутника) з кольором # CAD5E0. …
114 css  border  css-shapes 
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.