CSS-Erweiterungen – CSS-Hersteller-Präfixe
CSS-Anbieter-Präfixe
CSS-Hersteller-Präfixe, manchmal auch CSS-Browser-Präfixe genannt, werden in CSS-Eigenschaftsnamen verwendet, um experimentelle oder vorveröffentlichte CSS-Funktionen zu implementieren, die noch nicht standardisiert sind oder in bestimmten Browsern nur begrenzt unterstützt werden. Mit anderen Worten, der Grund für die Existenz von Präfixen war die Angabe von browserspezifischen Funktionen.
In der Vergangenheit haben die Browserhersteller die Präfixe für nicht standardisierte CSS-Funktionen verwendet. Es folgt eine Liste der wichtigsten Browser-Präfixe:
- -webkit- (Chrome, Safari, neuere Versionen von Opera, fast alle iOS-Browser (einschließlich Firefox für iOS); im Grunde jeder WebKit-basierte Browser)
- -moz- (Mozilla-basierte Browser wie Firefox)
- -o- (alte, vor-WebKit, Versionen von Opera)
- -ms- (Internet Explorer und Microsoft Edge)
Gemäß der CSS-Spezifikation müssen herstellerspezifische CSS-Erweiterungen mit einem Bindestrich oder Unterstrich beginnen und das folgende Format haben:
['-' or '_'] + [vendor identifier] + ['-'] + [name]
Die CSS-Eigenschaft -webkit-text-stroke ist beispielsweise eine herstellerabhängige Eigenschaft, mit der die Breite und Farbe von Strichen für Textzeichen in WebKit-basierten Browsern festgelegt wird, und -moz-border-radius ist eine herstellerabhängige Eigenschaft, mit der Sie die Ecken von Elementen abrunden können, um ein visuell ansprechendes und modernes Design in Mozilla-basierten Browsern wie Firefox zu schaffen.
CSS-Erweiterungen – Aspose.HTML
Das Präfix, das von der Aspose.HTML-Bibliothek verwendet wird, sieht aus wie -aspose- und bietet Ihnen einige experimentelle Funktionen. Es folgt eine Liste von CSS Funktionen, die durch die Verwendung des -aspose- Präfixes aktiviert werden können:
| 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. |
Aspose CSS Erweiterung – C# Beispiel
Das nächste Code-Snippet demonstriert, wie man CSS-Erweiterungen verwendet, um benutzerdefinierte Markierungen für Dokumentränder zu erstellen:
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 bietet HTML-Webanwendungen, die eine Online-Sammlung von kostenlosen Konvertern, Zusammenführungen, SEO-Tools, HTML-Code-Generatoren, URL-Tools und mehr sind. Die Anwendungen funktionieren auf jedem Betriebssystem mit einem Webbrowser und erfordern keine zusätzliche Softwareinstallation. Konvertieren, fusionieren, kodieren, generieren Sie HTML-Code, extrahieren Sie Daten aus dem Web oder analysieren Sie Webseiten im Hinblick auf SEO, wo immer Sie sind. Nutzen Sie unsere Sammlung von HTML-Webanwendungen, um Ihre täglichen Aufgaben zu erledigen und Ihren Arbeitsablauf nahtlos zu gestalten!
