Web Export
Search…
Web Export
Introduction
Getting Started
Install the Plugin
Create or open a project
Export the Artboard
Export Artboard Dialog
Addressing Export Issues
Messages Console
Export types
Keyboard Shortcuts
Responsive Pages
Dynamical page that grows in height
Modifying Individual Elements
Elements and Sub Elements
Styling elements
Element Options
Id field
Tag Name
Styles
Classes
Attributes
Hyperlink
Width and Height Size
Background
Markup Inside
Markup Before and Markup After
Text Ids
Text Tokens
Row Layout
Column Layout
Overflow
Script Template
CSS Template
HTML Template
Layout Section
Centered, Constraint and Anchored Positioning
Debug Element
Show Outline
Export as Image
Export as String
Export element
Displayed
Auto Export
Export (artboard)
Show Markup
Show CSS
Show Property Changes
Reset All Property changes
Navigation Buttons
Changed Properties
How to section
Creating Code Blocks
How Exporting Works
Single Page Application API
Element Tokens
Template Tokens
Setting up a server
Putting your site online
Code Block Snippets
Other Features
Learning by Videos
WordPress Integration
Example Packages
Web Developers
Non Web Developers
Debugging
Version
Support
License
Feature and Bug Reports
Related Plugins
Powered By
GitBook
Styles
Setting styles
Additional styles let you add additional styles to an element.
Add styles and values into the styles field. If the style is already set then it is overwritten with the new value.
For example, to set the font size and font color enter:
font-size: 15px; color: #f0f0f0;
Sub styles are applied to the child element. If there are no child elements the styles are ignored.
Use the keyword
-all
to remove all styles including sizing and positioning.
Include just the style name to re-include that style after using
-all
.
Remove a single style with
-stylename
where stylename is the name of the style you want to remove.
Use semi-colons to separate multiple styles.
Use the keyword
-text
to remove all text styles to a text element.
style - HTML: HyperText Markup Language | MDN
Style origin - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
CSS: Cascading Style Sheets | MDN
Learn to style HTML using CSS - Learn web development | MDN
Previous
Tag Name
Next
Classes
Last modified
2yr ago
Copy link