Css dotted: border-top-style — CSS: Cascading Style Sheets

Leave a Comment / Css / By /

CssDot — Все о CSS

Новости

  • Рабочая группа по Cascading Style Sheets (CSS) опубликовала новый переработаный черновик спецификации модуля CSS Grid Layout

  • Рабочая группа по Cascading Style Sheets (CSS) опубликовала новую версию спецификации модуля CSS Values and Units Level 3, который на данный момент имеет статус кандидата в рекомендации (CR, Candidate Recommendation)

  • Рабочая группа по Cascading Style Sheets (CSS) опубликовала новую версию спецификации модуля CSS Conditional Rules Module Level 3, который на данный момент имеет статус кандидата в рекомендации (CR, Candidate Recommendation)

  • Вышла новая стабильная версия браузера Midori 0.5.0

  • Компании Mozilla и Samsung объединяют усилия для работы над новым браузерным движком Servo

  • Компания Opera, подтвердила свои планы по использованию компонентов проекта Chromium и переходе на движок Blink

  • Разработчики движка WebKit решили провести масштабную чистку исходных кодов, после перехода Google к разработке собственной версии WebKit — Blink

  • Доступна для скачивания новая версия SeaMonkey 2. 17

  • Выпущен новый релиз кросплатформенного браузера QupZilla 1.4.0, построенного на базе Qt и WebKit

  • Компания Opera Software планирует использовать браузерный движок WebKit в своих продуктах

архив
  • color — цвет
  • background-image — Фоновое изображение
  • transition — свойства анимационного перехода
  • -o-transition — свойства анимационного перехода
  • appearance — стиль отображения элемента на основе системных элементов управления
  • -webkit-box-sizing — способ расчета размеров элемента
  • -moz-box-sizing — способ расчета размеров элемента
  • box-sizing — способ расчета размеров элемента
  • float — режим обтекания
  • outline-offset — смещение линии окантовки относительно границ элемента
  • outline-radius — радиус скругления углов окантовки
  • outline-style — стиль линии окантовки
  • padding — ширина отступов
  • -webkit-touch-callout — Отображение стандартной подсказки, возникающей при продолжительном нажатии на элементе
  • direction — определяет направление письма (лево- или право- стороннее)
  • text-align-last — способ выравнивания по горизонтали последней строки текста
  • -ms-transition-delay — задержка перед выполнением анимационного перехода
  • -ms-transition-duration — длительность анимационного перехода
  • -ms-transition-property — имя css-свойства, к которому будет применен анимационный переход.
  • -ms-transition-timing-function — функция зависимости значения css-свойства от времени во течении анимационного перехода

border-top-style — CSS: Каскадные таблицы стилей

CSS-свойство border-top-style задает стиль линии верхней границы элемента .

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

 /* Значения ключевых слов */
стиль верхней границы: нет;
стиль верхней границы: скрытый;
стиль верхней границы: пунктирный;
стиль верхней границы: пунктир;
стиль верхней границы: сплошной;
стиль верхней границы: двойной;
стиль верхней границы: канавка;
бордюр-верхний стиль: ребро;
стиль верхней границы: вставка;
стиль верхней границы: начало;
/* Глобальные значения */
стиль верхней границы: наследовать;
стиль верхней границы: начальный;
стиль верхней границы: вернуться;
стиль верхней границы: обратный слой;
стиль верхней границы: не установлен;

Свойство border-top-style указано как одно ключевое слово, выбранное из доступных для свойства border-style .

Исходное значение нет
Применяется ко всем элементам. Это также относится к ::first-letter .
Унаследовано нет
Расчетное значение как указано
Тип анимации дискретный
 border-top-style = 
  
 "> = 
 нет | 
 скрытый | 
 пунктирный | 
 пунктирный | 
 сплошной | 
 двойной желобок | 
 
 
 ребро | 
 вставка | 
 начало

Настройка стиля границы сверху

HTML 
 
 CSS 
 /* Определить внешний вид таблицы */
Таблица {
  ширина границы: 2px;
  цвет фона: #52e385;
}
тр,
тд {
  отступ: 3px;
}
/* примеры классов в стиле border-top */
. b1 {стиль верхней границы: нет;}
.b2 {стиль верхней границы: скрытый;}
.b3 {стиль верхней границы: точка;}
.b4 {стиль верхней границы: пунктир;}
.b5 {стиль верхней границы: сплошной;}
.b6 {стиль верхней границы: двойной;}
.b7 {стиль верхней границы: канавка;}
.b8 {стиль верхней границы: ребро;}
.b9 {стиль верхней границы: вставка;}
.b10 {стиль верхней границы: начало;}
 
 Результат 

  

    нет
    скрытый
    точечный
    пунктир
  

  

    твердый
    двойной
    канавка
    гребень
  

  

    вставка
    начало
  


   
 Спецификация
 Фоны CSS и Borders Module Level 3 
  # Border-Style 
 BCD-STYLE 
 BCD-STYLE 
 BCD-STYLE 
 BCD-STYLE 
 BCDAL-STYLE 
. Включите JavaScript для просмотра данных.
  •  Другие свойства границ, связанные со стилем:  border-left-style  ,  border-right-style  ,  border-bottom-style  и  border-style  .
  •  Другие свойства, связанные с верхней границей:  border-top  ,  border-top-color  и  border-top-width 
     
     
     .
  Последнее изменение:   , участниками MDN
 border-top — CSS: каскадные таблицы стилей 
 .
 Как и все сокращенные свойства,  border-top  всегда устанавливает значения всех свойств, которые он может установить, даже если они не указаны. Он устанавливает для тех, которые не указаны, их значения по умолчанию. Рассмотрим следующий код:
 border-top-style: dotted;
верхняя граница: густо-зеленая;
 
 На самом деле он такой же, как этот:
 border-top-style: dotted;
граница-верх: нет густо-зеленый;
 
 Значение  border-top-style , заданное перед  border-top , игнорируется. Поскольку значение по умолчанию  border-top-style  is  none  , отсутствие указания части  border-style  приводит к отсутствию границы.
  
 Это свойство является сокращением для следующих свойств CSS:
  •   border-top-color 
  •   бордюрный верх 
  •   ширина верхней границы 
 верхняя граница: 1px;
верхняя граница: 2 пикселя с точками;
верхняя граница: средний пунктирно-зеленый;
/* Глобальные значения */
верхняя граница: наследовать;
верхняя граница: начальная;
верхняя граница: вернуться;
верхняя граница: обратный слой;
верхняя граница: не установлена;
 
 Три значения сокращенного свойства могут быть указаны в любом порядке, а одно или два из них могут быть опущены.
 Значения 
   
 См.  border-top-width  .
  <бр-стиль> 
 См.  border-top-style  .
  <цвет> 
 См.  border-top-color  .
 
 Initial value as each of the properties of the shorthand: 
  •   border-top-width  :  medium 
  •   border-top-style  :  none 
  •   border- top-color  :  currentcolor 
 Применяется ко всем элементам. Это также относится к  ::first-letter  .
 Унаследовано нет
 Вычисленное значение как каждое из свойств сокращения: 
  •   border-top-width  : абсолютная длина или  0 , если  border-top-style 4 none или
    4 hidden 
    4 равно 9 
  •   стиль границы  : как указано
  •   цвет границы  : вычисленный цвет
 Тип анимации свойства краткости ashand0061
  •   Граница на границе : A Color
  •   -ширина> || 
     <стиль строки> || 
     <цвет>
     "> = 
      | 
     тонкий | 
     средний | 
     толстый
     "> = 
     нет | 
     скрыто | 
     пунктирная | 
     пунктир | 
     твердый | 
     двойной | 
     канавка | 
     хребет | 
     вставка | 
     начало
     
     Применение верхней границы 
     HTML 
     
    Это поле имеет верхнюю границу рамки.
      
    Добавить комментарий 
    Ваш адрес email не будет опубликован. Обязательные поля помечены *