Create your footprint that last ForEver. Advertise yourself, your documentation or your company with a product that makes website design, creation and management, unique, easy and fun https://combowiki.combostrap.com/ 2026-05-03T11:00:31+00:00 https://combowiki.combostrap.com/ https://combowiki.combostrap.com/_media/logo.svg text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/align?rev=1773827138&do=diff 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: * to the text inside * to the component itself *text/inline/contenttext-aligtypographic attributestartcenterendbreakpoinconditional valuejustifyleftstartcenterrightenfloat attributex-centercenterx-betweenbetweenx-endendx-startstartx-endendy-centery… text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/background?rev=1773827138&do=diff The background element permits you to add any background to your ComboStrap component in an easy and declarative way. text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/boldness?rev=1773827138&do=diff boldness is a typographic effect that sets the font weight. It defines the width of a character outlines relative to its height. It's also known as strongness. text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/border?rev=1773827138&do=diff ComboStrap Styling - Border The border is the line that delimits the block components. Every block component will react to the styling attribute border-color that sets the color of their border. Example with the generic box If you set a border-color attributes, by default ComboStrap will set the following properties if they are not presentbootstrap text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/breakpoint?rev=1773827138&do=diff A breakpoint allows to created conditional styling / design text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/class?rev=1773827138&do=diff 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 <https://getbootstrap.com/docs/5.2/layout/utilities/>Bootstrap Layout Utilities. ComboStrap already implements most of these utilities through the standard attributes but in the case that you need something really advanced, you can always take control over and apply them.invis… text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/clickable?rev=1773827138&do=diff When a component contains a link, you can make the whole surface clickable with the clickable attribute text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/color_generator?rev=1773827138&do=diff A attractive color generator to pimp your design text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/color?rev=1773827138&do=diff Color management in ComboStrap text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/conditional?rev=1773827138&do=diff A breakpoint allows to created conditional styling / design text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/design?rev=1773827138&do=diff ComboStrap Styling - Design System The ComboStrap design system takes all the good part of Boostrap but does not stop there as it also integrates Google Material Design recommandations ComboStrap applies the following <https://material.io/>Google Material Design on: * skin: to set the level of emphasis on button. * elevation: to a elevate a a single component and give more emphasilismaterial design icons text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/dimension?rev=1773827138&do=diff 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, percentage, or other length unitconditional lengthfit-contenalign attributesExamplnotewidtboxwidthmaximum-widthwidthheighstyle shortcunotewidthlifToggle animation text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/emphasis?rev=1773827138&do=diff This article shows you how you can add emphasis on component in your page text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/float?rev=1773827138&do=diff Float permits to print text along the side of a component text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/font-size?rev=1773827138&do=diff How to set the font-size with the font-size attribute text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/font?rev=1773827138&do=diff ComboStrap Styling - Font The fonts used are the default system font of the target system. They are designed specifically with today’ screen in mind. They are known as native font stack or system font stack The following attributes permits to change the font rendering: Liberation SansLiberation Fonts Repo text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/hero?rev=1773827138&do=diff 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 They adds extra emphasis (attention) to their content by adding large padding space around it. where the value is one of:smsmallmdmediumlglargexlextra-largenonehera paddinresponsivjumbotrobar text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/lang?rev=1773827138&do=diff The language permits to set the language at a words level and to write multi-language pages. text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/line-spacing?rev=1773827138&do=diff The line spacing attribute lets you set the space between each line in a paragraph text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/opacity?rev=1773827138&do=diff The opacity attribute permits to set the opacity (alpha/transparency) of any component. text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/print?rev=1773827138&do=diff How to handle component on print text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/scale?rev=1773827138&do=diff ComboStrap Styling - Length Scale (Size Scale) Every length are scaled based on what's called the remrem (Root Emphemeral Unit) which is equal by default to 16px. This scale is used for font size and spacing (component spacing and line spacing) The numerical scale is going: * from 1 for a length value of .25rem * to 5 for a length value of 3remxsextra-small1remlglarge2rem16pxremremSizscreen size text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/shadow?rev=1773827138&do=diff Shadows are used mostly to add more emphasis to important component or to add a elevation effect. text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/size?rev=1773827138&do=diff The size attributes determines the background surface, the higher the more surface, it will take text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/skin?rev=1773827138&do=diff ComboStrap Styling - Skin attribute (Button Emphasis Control) skin is a ComboStrap styling attribute that defines the emphasis level of your button by applying a set of standard styling attribute on: * color * elevation (shadow) * and border where value is one of: * contained * filled (default) * outline * text This attribute is used mostly with thebuttonotcarMedium Elevatiobuttonotcard text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/spacing?rev=1773827138&do=diff ComboStrap Styling - Spacing (Margin, Padding) spacing is the definition of the margin and padding between block component where: * margin is a transparent space outside the box (not filled with the background color) * padding is the space inside the box (filled with the background color) text componentline-spacing A note with: * p-3: a padding with a scale value of 3 (blue color)m-5margiscale value of LTR languagRTL languagnoteps-3ppaddingsstartleft-scale value of 3ms-5mm… text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/style?rev=1773827138&do=diff Security - Style attribute ComboStrap does not supports the style attribute for security concerns. The style attribute is deleted if found. 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 text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/styling?rev=1773827138&do=diff 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 level - a stylesheet with custom rule to tune the styling precisely * the - inline css customizationstandardadvancedComboStrapBootstraBootstracreate their own themlayout templatestandarDimensioAligSpacinColoElevatioFloaLanPositioClickablText aligLine SpacinOpaci… text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/text-color?rev=1773827138&do=diff How to change the color of a text with the text-color attribue text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/type?rev=1773827138&do=diff The component type attribute explained text/html 2026-03-18T09:45:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://combowiki.combostrap.com/docs/styling/underline?rev=1773827138&do=diff This article shows you the underline syntax