Styling: Divider

Oracle® JavaScript Extension Toolkit (JET)
16.0.0
F83701-01

Description

Classes to set a divider.


.oj-divider-margin
Place on an element to add margin
Example
<div class="oj-divider-margin oj-divider-top">
<div>
.oj-divider-padding
Place on an element to add padding
Example
<div class="oj-divider-padding oj-divider-end">
<div>

Category: Border

Add a border to the element. If the side is unspecified, then a border is added to all sides.

Class template:

.oj-border(-side)

Note: Square brackets signify required token substitutions whereas parentheses signify optional token substitutions.

Values for (-side)

Value (optional) Name Description
-start Start Applies to start (left side in ltr mode, right side in rtl mode)
-end End Applies to end (right side in ltr mode, left side in rtl mode)
-top Top Applies to top
-bottom Bottom Applies to bottom

Deprecated:
Since Description
9.0.0 Use panel or divider classes instead.
Example
<div class="oj-border-top oj-border-start">
   <!-- content -->
</div>

Category: Divider

Add a Divider.

Class template:

.oj-divider-[side]

Note: Square brackets signify required token substitutions whereas parentheses signify optional token substitutions.

Values for [side]

Value (required) Name Description
start Start Applies to start edge (left edge in ltr mode, right edge in rtl mode)
end End Applies to end edge (right edge in ltr mode, left edge in rtl mode)
top Top Applies to top edge
bottom Bottom Applies to bottom edge

Example
<div class="oj-divider-top oj-divider-start">
   <!-- content -->
</div>