Расширения CSS – CSS Vendor Prefixes – Aspose.HTML

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, зависящие от поставщика, должны начинаться с тире или подчеркивания и иметь следующий формат:

['-' или '_'] + [идентификатор поставщика] + ['-'] + [имя]

Например, 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// For complete examples and data files, please go to https://github.com/aspose-html/Aspose.HTML-for-.NET
 2//  Initialize configuration object and set up the page-margins for the document
 3using (Configuration configuration = new Configuration())
 4{
 5    // Get the User Agent service
 6    var userAgent = configuration.GetService<Aspose.Html.Services.IUserAgentService>();
 7
 8    // Set the style of custom margins and create marks on it
 9    userAgent.UserStyleSheet = @"@page 
10                                {
11                                    /* Page margins should be not empty in order to write content inside the margin-boxes */
12                                    margin-top: 1cm;
13                                    margin-left: 2cm;
14                                    margin-right: 2cm;
15                                    margin-bottom: 2cm;
16                                    /* Page counter located at the bottom of the page */
17                                    @bottom-right
18                                    {
19                                        -aspose-content: ""Page "" currentPageNumber() "" of "" totalPagesNumber();
20                                        color: green;
21                                    }
22
23                                    /* Page title located at the top-center box */
24                                    @top-center
25                                    {
26                                        -aspose-content: ""Hello World Document Title!!!"";
27                                        vertical-align: bottom;
28                                        color: blue;
29                                    }    
30                                }";
31
32    //  Initialize an HTML document 
33    using (HTMLDocument document = new HTMLDocument("<div>Hello World!!!</div>", ".", configuration))
34    {
35        //  Initialize an output device
36        using (Aspose.Html.Rendering.Xps.XpsDevice device = new Aspose.Html.Rendering.Xps.XpsDevice("output.xps"))
37        {
38            // Send the document to the output device
39            document.RenderTo(device);
40        }
41    }
42}

view raw Examples-CSharp-AdvancedUsage-CSSExtensions-AddTitleAndPageNumber.cs hosted with ❤ by GitHub

Aspose.HTML предлагает бесплатные Веб-приложения HTML, которые представляют собой онлайн-коллекцию конвертеров, слияний, загрузчиков, инструментов SEO, генераторов кода HTML, инструменты URL и многое другое. Приложения работают в любой операционной системе с веб-браузером и не требуют установки дополнительного программного обеспечения. Легко конвертируйте, объединяйте, кодируйте, генерируйте HTML-код, извлекайте данные из Интернета или анализируйте веб-страницы с точки зрения SEO, где бы вы ни находились. Используйте нашу коллекцию веб-приложений HTML, чтобы выполнять повседневные задачи и сделать свой рабочий процесс безупречным!

Редактор HTML-форм How-To Статьи