Styling: Divider
Oracle® JavaScript Extension Toolkit (JET)
17.1.0
G12196-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>
-