Вопросы с тегом «css»

Есть ли способ интегрировать рамку вокруг текста, как на изображении ниже?

108 text  css 

Поскольку IE7 и IE8 не поддерживают нотацию с двойным двоеточием для псевдоэлементов (например, ::afterили ::first-letter), и поскольку современные браузеры поддерживают нотацию с одним двоеточием (например :after) для обратной совместимости, должен ли я использовать только нотацию с одним двоеточием и когда Доля рынка IE8 упала до незначительного уровня, вернуться и найти …

108 css  internet-explorer-8  css-selectors  internet-explorer-7  pseudo-element 

Распространенный прием для вертикального позиционирования элементов - использовать следующий CSS: .item { position:absolute; top:50%; margin-top:-8px; /* half of height */ height: 16px; } Если смотреть в метрическом представлении, как в Chrome, вы видите следующее: Однако при наведении курсора на элемент визуальное поле не отображается, т.е. поле находится «за пределами» границы …

108 css  margin 

Я знаю, что существует официальный :checkedпсевдокласс CSS3 , но есть ли :uncheckedпсевдокласс и есть ли у них такая же поддержка браузером? Ссылка Sitepoint не упоминает ни одного, однако эта спецификация whatwg (что бы это ни было) делает. Я знаю , что тот же результат может быть достигнут , когда :checkedи …

108 css  css-selectors  pseudo-class 

У меня есть следующий раскрывающийся список <label class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#"> Action <b class="caret"></b></label> <ul class="dropdown-menu" role="menu" aria-labelledby="lang-selector" id="lang-selector"> dropdown content goes here </ul> Верхний левый угол раскрывающегося списка находится в нижнем левом углу текста (Действие), но я надеюсь, что положение верхнего правого угла dropdwon будет в правом нижнем углу …

108 css  twitter-bootstrap  drop-down-menu 

Скажем, у меня есть компонент Angular2 //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent { public width: Number; public height: Number; } HTML-файл шаблона для этого компонента //home.component.html <div class="home-component">Some stuff in this div</div> И, наконец, файл css для этого …

108 css  angular 

Можно ли изменить <span>тег (или <div>), чтобы предварительно отформатировать его содержимое, как <pre>тег, используя только CSS?

108 html  css 

Я пытаюсь просмотреть с помощью инструментов разработчика Chrome, как всплывающие подсказки структурированы на сайте. Однако, даже когда я наведен на элемент, когда я «проверяю элемент», для всплывающей подсказки в html ничего не отображается. Я знаю, что могу установить стиль :hover, но я все еще не вижу html или css всплывающей …

108 html  css  hover  google-chrome-devtools 

http://jsfiddle.net/S8g4E/ У меня есть контейнер divс двумя детьми. Первый ребенок имеет заданный рост. Как мне сделать так, чтобы второй дочерний divэлемент занимал «свободное место» контейнера, не задавая определенной высоты? В этом примере розовый цвет divдолжен занимать также белое пространство. Подобно этому вопросу: как заставить div занимать оставшуюся высоту? Но я …

108 html  css  height  parent 

В настоящее время я играю с CSS3 и пытаюсь добиться такого текстового эффекта (черная размытая внутренняя тень): Но я не могу найти способ создать текстовые тени внутри текста. Интересно, возможно ли это, потому что элемент box-shadow может отображать тень внутри следующим образом: box-shadow: inset 0px -5px 10px 0px rgba(0, 0, …

107 css  text  shadow 

У меня есть плагин графика, который вставляет холст и легенду <table>в свой контейнер. В этом плагине tableне widthопределено, а в моем CSS есть ширина для таблиц внутри этого контейнера, в которые вставляется мой плагин. Итак, новый div наследуется table{ width: 100%}от CSS и отображается неправильно. Я пробовал использовать width: initial;, …

107 css  internet-explorer  cross-browser  width 

Закрыто. Этот вопрос не по теме . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме Stack Overflow. Закрыт 9 лет назад . Уточните этот вопрос Я всегда не знал, с чего начать в качестве общей основы передовой практики. Да, я знаю, …

107 html  css  frontend 

Мне нужно добавить разделители между элементами навигации. Разделители - это изображения. Моя HTML структура как: ol > li > a > img. Здесь я подхожу к двум возможным решениям: Чтобы добавить больше liтегов для разделения (бу!), Включите разделитель в изображение каждого элемента (это лучше, но это дает возможность, что пользователь …

107 css  navigation  usability  separator 

У меня есть несколько селекторов scss, в которых я использую одинаковое количество положительных и отрицательных значений, как в: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Я бы предпочел использовать переменную для всех 15 пикселей, но это не работает: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px …

107 css  sass  compass-sass 

Когда SVG напрямую включен в документ с помощью <svg>тега, вы можете применить стили CSS к SVG через таблицу стилей документа. Однако я пытаюсь применить стиль к встроенному SVG (с помощью <object>тега). Можно ли использовать что-нибудь вроде следующего кода? object svg { fill: #fff; }

107 html  css  svg