Справочник CSS

CSS (от англ. Cascading Style Sheets «каскадные таблицы стилей») — формальный язык описания внешнего вида документа (веб-страницы)

Перед вами самый полный справочник по языку разметки CSS. Он будет полезен как новичкам так и профессионалам

Псевдоэлемент ::-ms-fill

Задаёт стиль индикатора элемента <progress> в браузере Internet Explorer. Само значение индикатора и его положение меняется динамически посредством скриптов.

Синтаксис

селектор::-ms-fill { ... }

Значения

Нет.

Пример

HTML5CSS3IE 10CrOpSaFx

<!DOCTYPE html>
	<html>
	 <head>
	  <meta charset="utf-8">
	  <title>::-ms-fill</title>
	  <style>
	   progress {
		height: 20px;
		background: linear-gradient(to bottom, #fff, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6);
	   }
	   progress::-ms-fill {
		background: linear-gradient(to bottom, #fceabb, #fccd4d 50%, #f8b500 51%, #fbdf93);
	   }
	  </style>
	  <script>
	   function progress() {
		bar = document.getElementById('bar');
		bar.value += 2; // Увеличиваем значение на 2
		if (bar.value < 100) {
		  setTimeout(progress, 500); // Вызываем функцию каждые 0.5 сек.
		}
	   }
	  </script>
	 </head>
	 <body onload="progress()"> 
	  <progress max="100" value="0" id="bar"></progress>
	 </body>
	</html>

Результат данного примера показан на рис. 1.

Использование ::-ms-fill

Рис. 1. Использование ::-ms-fill

Браузеры

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
10.0+

Версии CSS

CSS 1CSS 2CSS 2.1CSS 3

Megahub использует cookie-файлы. С их помощью мы улучшаем работу нашего портала и ваше взаимодействие с ним.