ComboStrap Styling - Marki Language

Undraw My Documents


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 syntax, they all have in common.


Every marki component follows this syntax

<component type name1="value1" ... nameN="valueN" >
<!-- content -->


  • Boolean attributes does not need any value to set them to true
  • If your value does not have space, this is not mandatory to enclose it between quotes


Every component implements also a set of styling attributes


<component color="blue">
  • The dimension attributes (width and height) are also taken into account in each component. You can write:
<component width="100px">


Due to security concerns, the HTML attributes are by default not supported.

You may use the class but not the others such as the style because it allows attacks such as ClickJacking.

Showcase yourself and your brand

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

Related HowTo's
Landing Template Value
How to create a landing page?

This article shows you how to create a landing page with the markup component A landing page is a page with big horizontal sections that shows off your product or services. For your page, you should...

Recommended Pages
Undraw Website Builder Re Ii6e
A bar - A horizontal region

They are use to slice a page into section
Undraw My Documents
ComboStrap - Component Type

The component type attribute explained
Undraw Add Content Re Vgqa
ComboStrap Heading

A description for the search page result engine
Undraw My Documents
ComboStrap Styling - Align Attribute

align is an styling attribute of the HTML superset component It permits to align: the content of a component the component itself its children grid The align attribute values may applies: ...
Undraw My Documents
ComboStrap Styling - Class attribute

Because all ComboStrap UI component are implemented as super set HTML element, you can apply the class attributes. The class attribute is used intensively by Bootstrap to apply the Bootstrap...
Undraw Add Content Re Vgqa
ComboStrap UI - Button

Button is a ComboStrap UI component that implements a button style. The only action attached is to navigate to another page. buttonprimary color External Link and a secondary type With...
Card Illustration
ComboStrap UI - Card

A card is a box composed of an image, a text and a call to action
Undraw My Documents
ComboStrap UI - Code

The code component permits to format block of code and add features such as: syntax highlighting clipboard copy line numbering You can create block of code like this one: HTMLwebcode HTML...
Undraw Website Builder Re Ii6e
ComboStrap UI - HR (Horizontal Rule)

The hr component permits to delimit two sections of content by drawing a horizontal rule (hr). It's also known sometime as the Divider and has a separator role. It represents: a paragraph-level thematic...
Undraw Add Content Re Vgqa
ComboStrap UI - Inote (inline note)

The inote is a note that can be added along side a text (ie inline). It gives emphasis on an ancillary text that adds context to the primary text. As a replacement, you could also use: a tooltip ...

Task Runner