0.3.1 • Published 4 years ago
mofron-effect-border v0.3.1
mofron-effect-border
mofron is module based frontend framework.
border effect for mofron
set border style to target component
Install
npm install mofron mofron-effect-border
Sample
<require>
<tag load="mofron-effect-border">Border</tag>
</require>
<div size=(1rem,1rem) effect=Border()></div>
Parameter
ShortForm | Parameter Name | Type | Description |
---|---|---|---|
◯ | width | string | css value of border width |
style | string | css value of border style (default is 'solid') | |
'none', 'hidden', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset', 'dashed', 'dotted' | |||
position | string | border target position (default is 'all') | |
'all', 'top', 'bottom', 'left', 'right', 'top-left', 'top-right', 'bottom-left', 'bottom-right' | |||
◯ | color | mixed (color) | string: color name, #hex |
array: red, green, blue, (alpha) |