Расширения CSS – CSS Vendor Prefixes
CSS Префиксы Поставщиков
Префиксы поставщиков CSS, иногда называемые префиксами браузеров CSS, используются в именах свойств CSS для реализации экспериментальных или предварительных функций CSS, которые еще не стандартизированы или могут иметь ограниченную поддержку в определенных браузерах. Другими словами, причина существования префиксов заключалась в том, чтобы указать особенности браузера.
Исторически производители браузеров использовали префиксы для нестандартных функций CSS. Ниже приведен список основных префиксов браузеров:
- -webkit- (Chrome, Safari, более новые версии Opera, почти все браузеры iOS (включая Firefox для iOS); практически любой браузер на базе WebKit)
- -moz- (браузеры на базе Mozilla, такие как Firefox)
- -o- (Старые, до-WebKit, версии Opera)
- -ms- (Internet Explorer и Microsoft Edge)
Согласно спецификации CSS, расширения CSS, зависящие от поставщика, должны начинаться с тире или подчеркивания и иметь следующий формат:
['-' or '_'] + [vendor identifier] + ['-'] + [name]
Например, CSS-свойство -webkit-text-stroke представляет собой свойство с префиксом поставщика, используемое для указания ширины и цвета штрихов текстовых символов в браузерах на основе WebKit, а -moz-border-radius -свойство с префиксом, позволяющее скруглять углы элементов для создания визуально привлекательного и современного дизайна в браузерах на основе Mozilla, таких как Firefox.
CSS Расширения – Aspose.HTML
Префикс, используемый библиотекой Aspose.HTML, выглядит как -aspose- и дает вам некоторые экспериментальные функции. Ниже приведен список функций CSS, которые можно включить с помощью префикса -aspose-:
| Function Name | Description |
|---|---|
| currentPageNumber | This function returns the number of the current rendering page. |
| totalPagesNumber | This function returns the number of the total pages in the document. |
CSS-расширение Aspose – пример C#
В следующем фрагменте кода показано, как использовать расширения CSS для создания пользовательских меток на полях документа:
1// How to add custom margin marks using CSS extensions
2
3// Initialize a configuration object and set up page-margins for a document
4using (Configuration configuration = new Configuration())
5{
6 // Get the User Agent service
7 IUserAgentService userAgent = configuration.GetService<IUserAgentService>();
8
9 // Set the style of custom margins and create marks on it
10 userAgent.UserStyleSheet = @"@page
11 {
12 /* Page margins should be not empty in order to write content inside the margin-boxes */
13 margin-top: 1cm;
14 margin-left: 2cm;
15 margin-right: 2cm;
16 margin-bottom: 2cm;
17 /* Page counter located at the bottom of the page */
18 @bottom-right
19 {
20 -aspose-content: ""Page "" currentPageNumber() "" of "" totalPagesNumber();
21 color: green;
22 }
23
24 /* Page title located at the top-center box */
25 @top-center
26 {
27 -aspose-content: ""Hello, World Document Title!!!"";
28 vertical-align: bottom;
29 color: blue;
30 }
31 }";
32
33 // Initialize an HTML document
34 using HTMLDocument document = new HTMLDocument("<div>Hello, World!!!</div>", ".", configuration);
35
36 // Initialize an output device
37 using (PdfDevice device = new PdfDevice(Path.Combine(OutputDir, "output.pdf")))
38 {
39 // Send the document to the output device
40 document.RenderTo(device);
41 }
42}Aspose.HTML предлагает бесплатные Приложения HTML, которые представляют собой онлайн-коллекцию конвертеров, слияний, загрузчиков, инструментов SEO, генераторов кода HTML, инструменты URL и многое другое. Приложения работают в любой операционной системе с веб-браузером и не требуют установки дополнительного программного обеспечения. Легко конвертируйте, объединяйте, кодируйте, генерируйте HTML-код, извлекайте данные из Интернета или анализируйте веб-страницы с точки зрения SEO, где бы вы ни находились. Используйте нашу коллекцию веб-приложений HTML, чтобы выполнять повседневные задачи и сделать свой рабочий процесс безупречным!
