ComboStrap Styling - Style attribute

Undraw My Documents

About

ComboStrap does not supports the style attribute for security concerns.

The style attribute is deleted if found.

Why?

Via the style attribute, you can inject code.

For instance, you can make from a link, an invisible box that takes the whole screen. If a user click on the page, it will then click on this link and be redirected. This kind of attack is known as ClikJacking.

Demo

Even if you try to style your component with the style attribute, they would have no effect.

<card
    style="
        color:white;
        background-color:purple;
        margin: 0 auto;
        width:50%;
        text-align: center;
        font-size:1.2rem
        "
>
A card without any style applied.
</card>

A card without any style applied.




Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.




Recommended Pages
Undraw My Documents
ComboStrap Styling - Dimension (Width and Height)

Every Box components and even the whole main page dimension may be resized with the styling attributes: and . The width attributes support the following values: length - a length (in pixel,...
Undraw My Documents
ComboStrap Styling - Marki Language

ComboStrap implements in most of its components the marki language. It's a simplified version of the HTML language and follows the same rules. Below, we describe the , they all have in common. Every...
Undraw Website Builder Re Ii6e
ComboStrap UI - Box

A box is a component that permits to contain other components. This is useful to: define the elements that should collapse or create a styled box. layout componenttext component Align Background-Color...
Undraw My Documents
ComboStrap UI - Note

note is a ComboStrap UI component that shows a text that is parenthetic or ancillary to the main text. where: title is a title type may have one of the following value: (Default) ...
Undraw My Documents
ComboStrap UI - Styling

Styling in ComboStrap is the possibility to render every component as you wish. ComboStrap has three levels of styling: the bootstrap stylesheet level - bootstrap standard theme the user stylesheet...
Undraw My Documents
Hero

hero is a styling attribute for showcasing hero unit style content. An hero is just a UX design term that refers to an oversized component such as: the section of a landing page a page content header...
Page Explorer List Name To Ui Region
Page-explorer: adding page navigation easily to your website

With the page-explorer component, you can add an explorer like panel that will list your pages in a list or collapsible tree fashion
Undraw My Documents
What is a blockquote widget and how to use it

A blockquote is a extract from another source and is set appart with a citation.



Task Runner