• Home
  • Tag Helpers
  • About
  • Accordion
  • Badge
  • Borders
  • Breadcrumb
  • Buttons
  • Cards
  • Carousel
  • Collapse
  • Dropdown
  • Figures
  • Form
  • Grid
  • Hints
  • List group
  • Menu
  • Modal
  • Navigation view
  • Pagination
  • Popover
  • Progress
  • Side navigation
  • Tabs
Block
Block
Block
Block
<div border="LRTB" class="mr-2 cell-1 text-center">Block</div> <div border="LRB" border-color="Orange" class="mr-2 cell-1 text-center">Block</div> <div border="TB" border-color="Green" class="mr-2 cell-1 text-center">Block</div> <div -border="B" border-color="Red" class="mr-2 cell-1 text-center">Block</div>

Border size

Block
Block
Block
Block
Block
<div border="LRTB" border-color="Cyan" border-size="1" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" border-color="Cyan" border-size="2" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" border-color="Cyan" border-size="3" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" border-color="Cyan" border-size="4" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" border-color="Cyan" border-size="10" class="mr-2 cell-1 text-center">Block</div>

Border style

Block
Block
Block
Block
Block
Block
Block
Block
<div border="LRTB" border-color="Cyan" border-size="10" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" border-color="Cyan" border-size="10" border-style="Dashed" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" border-color="Cyan" border-size="10" border-style="Dotted" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" border-color="Cyan" border-size="10" border-style="Double" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" border-color="Cyan" border-size="10" border-style="Groove" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" border-color="Cyan" border-size="10" border-style="Inset" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" border-color="Cyan" border-size="10" border-style="Outset" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" border-color="Cyan" border-size="10" border-style="Ridge" class="mr-2 cell-1 text-center">Block</div>

Border radius

Block
Block
Block
Block
Block
Block
Block
<div border="LRTB" border-color="Cyan" border-radius="Default" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" border-color="Cyan" border-radius="Half" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" border-color="Cyan" border-radius="_1" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" border-color="Cyan" border-radius="_3" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" border-color="Cyan" border-radius="_5" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" border-color="Cyan" border-radius="_7" class="mr-2 cell-1 text-center">Block</div> <div border="LRTB" custom-border-radius="40%" custom-border-color="#ededed" class="mr-2 cell-1 text-center" >Block</div>

2020 - 2025 © ExtJs.Tech

Open source license with MIT

粤ICP备2022031812号

GitHub
About Us
Documents
Desktop client
Mobile client
Tag Helpers