Allowed style-properties for the Shielded HTML Viewer

< All Topics

Because people can add malicious code to the style-properties in HTML-code the Shielded HTML Viewer is using an allow-list. The Shielded HTML Viewer is checking the values used in the style-properties. If a value is not valid then the Shielded HTML Viewer will ignore the style-property.

The Shielded HTML Viewer allows the use of the following style-properties:

align-contentSpecifies the alignment between the lines inside a flexible container when the items do not use all available space
align-itemsSpecifies the alignment for items inside a flexible container
align-selfSpecifies the alignment for selected items inside a flexible container
backgroundA shorthand property for all the allowed background-* properties
background-clipDefines how far the background (color or image) should extend within an element
background-colorSpecifies the background color of an element
borderA shorthand property for border-width, border-style and border-color
border-bottomA shorthand property for border-bottom-width, border-bottom-style and border-bottom-color
border-bottom-colorSets the color of the bottom border
border-bottom-left-radiusDefines the radius of the border of the bottom-left corner
border-bottom-right-radiusDefines the radius of the border of the bottom-right corner
border-bottom-styleSets the style of the bottom border
border-bottom-widthSets the width of the bottom border
border-collapseSets whether table borders should collapse into a single border or be separated
border-colorSets the color of the four borders
border-leftA shorthand property for all the border-left-* properties
border-left-colorSets the color of the left border
border-left-styleSets the style of the left border
border-left-widthSets the width of the left border
border-radiusA shorthand property for the four border-*-radius properties
border-rightA shorthand property for all the border-right-* properties
border-right-colorSets the color of the right border
border-right-styleSets the style of the right border
border-right-widthSets the width of the right border
border-spacingSets the distance between the borders of adjacent cells
border-styleSets the style of the four borders
border-topA shorthand property for border-top-width, border-top-style and border-top-color
border-top-colorSets the color of the top border
border-top-left-radiusDefines the radius of the border of the top-left corner
border-top-right-radiusDefines the radius of the border of the top-right corner
border-top-styleSets the style of the top border
border-top-widthSets the width of the top border
border-widthSets the width of the four borders
bottomSets the elements position, from the bottom of its parent element
box-decoration-breakSets the behavior of the background and border of an element at page-break, or, for in-line elements, at line-break.
box-shadowAttaches one or more shadows to an element
box-sizingDefines how the width and height of an element are calculated: should they include padding and borders, or not
break-afterSpecifies whether or not a page-, column-, or region-break should occur after the specified element
break-beforeSpecifies whether or not a page-, column-, or region-break should occur before the specified element
break-insideSpecifies whether or not a page-, column-, or region-break should occur inside the specified element

clearSpecifies on which sides of an element floating elements are not allowed to float
clipClips an absolutely positioned element
colorSets the color of text
column-countSpecifies the number of columns an element should be divided into
column-fillSpecifies how to fill columns, balanced or not
column-gapSpecifies the gap between the columns
column-ruleA shorthand property for all the column-rule-* properties
column-rule-colorSpecifies the color of the rule between columns
column-rule-styleSpecifies the style of the rule between columns
column-rule-widthSpecifies the width of the rule between columns
column-spanSpecifies how many columns an element should span across
column-widthSpecifies the column width
columnsA shorthand property for column-width and column-count
contentUsed with the :before and :after pseudo-elements, to insert generated content
directionSpecifies the text direction/writing direction
displaySpecifies how a certain HTML element should be displayed
empty-cellsSpecifies whether or not to display borders and background on empty cells in a table

flexA shorthand property for the flex-grow, flex-shrink, and the flex-basis properties
flex-basisSpecifies the initial length of a flexible item
flex-directionSpecifies the direction of the flexible items
flex-flowA shorthand property for the flex-direction and the flex-wrap properties
flex-growSpecifies how much the item will grow relative to the rest
flex-shrinkSpecifies how the item will shrink relative to the rest
flex-wrapSpecifies whether the flexible items should wrap or not
font-familySpecifies the font family for text
font-sizeSpecifies the font size of text
font-styleSpecifies the font style for text
font-variantSpecifies whether or not a text should be displayed in a small-caps font
font-weightSpecifies the weight of a font
heightSets the height of an element
justify-contentSpecifies the alignment between the items inside a flexible container when the items do not use all available space
leftSpecifies the left position of a positioned element
line-heightSets the line height
list-styleSets all the allowed properties for a list in one declaration
list-style-positionSpecifies the position of the list-item markers (bullet points)
list-style-typeSpecifies the type of list-item marker
marginSets all the margin properties in one declaration
margin-bottomSets the bottom margin of an element
margin-leftSets the left margin of an element
margin-rightSets the right margin of an element
margin-topSets the top margin of an element
max-heightSets the maximum height of an element
max-widthSets the maximum width of an element
min-heightSets the minimum height of an element
min-widthSets the minimum width of an element
opacitySets the opacity level for an element
paddingA shorthand property for all the padding-* properties
padding-bottomSets the bottom padding of an element
padding-leftSets the left padding of an element
padding-rightSets the right padding of an element
padding-topSets the top padding of an element
rightSpecifies the right position of a positioned element
text-alignSpecifies the horizontal alignment of text
vertical-alignSets the vertical alignment of an element
widthSets the width of an element

The allowed style-properties described in this article apply to the Shielded HTML Viewer v.1.4.0

Previous Tutorial: how to use the Shielded HTML Viewer
Next Change log: Shielded HTML Viewer
Table of Contents