TableBorder.Style Property
Specifies the border line style.
Namespace: DevExpress.Blazor.RichEdit
Assembly: DevExpress.Blazor.RichEdit.v24.1.dll
NuGet Package: DevExpress.Blazor.RichEdit
Declaration
public BorderLineStyle Style { get; set; }
Property Value
Type | Description |
---|---|
BorderLineStyle | An enumeration value. |
Available values:
Name | Description |
---|---|
Nil | The border is hidden. |
None | The border is hidden. |
Single | The thin solid line. |
Thick | The thick solid line. |
Double | The double line. |
Dotted | The thin dotted line. |
Dashed | The thin dashed line. |
DotDash | The thin dash-dotted line. Browsers do not support this border style and display it as the |
DotDotDash | The thin dash-dot-dotted line. Browsers do not support this border style and display it as the |
Triple | The triple line. Browsers do not support this border style and display it as the |
ThinThickSmallGap | The thin line surrounded with the thick line with a small gap between them. Browsers do not support this border style and display it as the |
ThickThinSmallGap | The thick line surrounded with the thin line with a small gap between them. Browsers do not support this border style and display it as the |
ThinThickThinSmallGap | The thin line surrounded with two thick lines with a small gap between all lines. Browsers do not support this border style and display it as the |
ThinThickMediumGap | The thin line surrounded with the thick line with a medium gap between them. Browsers do not support this border style and display it as the |
ThickThinMediumGap | The thick line surrounded with the thin line with a medium gap between them. Browsers do not support this border style and display it as the |
ThinThickThinMediumGap | The thin line surrounded with two thick lines with a medium gap between all lines. Browsers do not support this border style and display it as the |
ThinThickLargeGap | The thin line surrounded with the thick line with a large gap between them. Browsers do not support this border style and display it as the |
ThickThinLargeGap | The thick line surrounded with the thin line with a large gap between them. Browsers do not support this border style and display it as the |
ThinThickThinLargeGap | The thin line surrounded with two thick lines with a large gap between all lines. Browsers do not support this border style and display it as the |
Wave | The wavy line. Browsers do not support this border style and display it as the |
DoubleWave | The double wavy line. Browsers do not support this border style and display it as the |
DashSmallGap | The thin dashed line with a small gap between dashes. Browsers do not support this border style and display it as the |
DashDotStroked | The series of alternating thin and thick strokes. Browsers do not support this border style and display it as the |
ThreeDEmboss | Three staged gradient lines that get darker towards the cell. Browsers do not support this border style and display it as the |
ThreeDEngrave | Three staged gradient lines that get darker away from the cell. Browsers do not support this border style and display it as the |
Outset | The raised border. Browsers do not support this border style and display the border as two thin solid lines. |
Inset | The sunken border. Browsers do not support this border style and display the border as two thin solid lines. |
Apples | The Apples art border. Browsers do not support this border style and display it as the |
ArchedScallops | The Arched Scallops art border. Browsers do not support this border style and display it as the |
BabyPacifier | The Baby Pacifier art border. Browsers do not support this border style and display it as the |
BabyRattle | The Baby Rattle art border. Browsers do not support this border style and display it as the |
Balloons3Colors | The Three Color Balloons art border. Browsers do not support this border style and display it as the |
BalloonsHotAir | The Hot Air Balloons art border. Browsers do not support this border style and display it as the |
BasicBlackDashes | The Black Dash art border. Browsers do not support this border style and display it as the |
BasicBlackDots | The Black Dot art border. Browsers do not support this border style and display it as the |
BasicBlackSquares | The Black Square art border. Browsers do not support this border style and display it as the |
BasicThinLines | The Thin Line art border. Browsers do not support this border style and display it as the |
BasicWhiteDashes | The White Dash art border. Browsers do not support this border style and display it as the |
BasicWhiteDots | The White Dot art border. Browsers do not support this border style and display it as the |
BasicWhiteSquares | The White Square art border. Browsers do not support this border style and display it as the |
BasicWideInline | The Wide Inline art border. Browsers do not support this border style and display it as the |
BasicWideMidline | The Wide Midline art border. Browsers do not support this border style and display it as the |
BasicWideOutline | The Wide Outline art border. Browsers do not support this border style and display it as the |
Bats | The Bats art border. Browsers do not support this border style and display it as the |
Birds | The Birds art border. Browsers do not support this border style and display it as the |
BirdsFlight | The Birds Flying art border. Browsers do not support this border style and display it as the |
Cabins | The Cabin art border. Browsers do not support this border style and display it as the |
CakeSlice | The Cake art border. Browsers do not support this border style and display it as the |
CandyCorn | The Candy Corn art border. Browsers do not support this border style and display it as the |
CelticKnotwork | The Knot Work art border. Browsers do not support this border style and display it as the |
CertificateBanner | The Certificate Banner art border. Browsers do not support this border style and display it as the |
ChainLink | The Chain Link art border. Browsers do not support this border style and display it as the |
ChampagneBottle | The Champagne Bottle art border. Browsers do not support this border style and display it as the |
CheckedBarBlack | The Black and White Bar art border. Browsers do not support this border style and display it as the |
CheckedBarColor | The Color Checked Bar art border. Browsers do not support this border style and display it as the |
Checkered | The Checkerboard art border. Browsers do not support this border style and display it as the |
ChristmasTree | The Christmas Tree art border. Browsers do not support this border style and display it as the |
CirclesLines | The Circles and Lines art border. Browsers do not support this border style and display it as the |
CirclesRectangles | The Circles and Rectangles art border. Browsers do not support this border style and display it as the |
ClassicalWave | The Wave art border. Browsers do not support this border style and display it as the |
Clocks | The Clocks art border. Browsers do not support this border style and display it as the |
Compass | The Compass art border. Browsers do not support this border style and display it as the |
Confetti | The Confetti art border. Browsers do not support this border style and display it as the |
ConfettiGrays | The Confetti art border. Browsers do not support this border style and display it as the |
ConfettiOutline | The Confetti art border. Browsers do not support this border style and display it as the |
ConfettiStreamers | The Confetti Streamers art border. Browsers do not support this border style and display it as the |
ConfettiWhite | The Confetti art border. Browsers do not support this border style and display it as the |
CornerTriangles | The Corner Triangle art border. Browsers do not support this border style and display it as the |
CouponCutoutDashes | The Dashed Line art border. Browsers do not support this border style and display it as the |
CouponCutoutDots | The Dotted Line art border. Browsers do not support this border style and display it as the |
CrazyMaze | The Maze art border. Browsers do not support this border style and display it as the |
CreaturesButterfly | The Butterfly art border. Browsers do not support this border style and display it as the |
CreaturesFish | The Fish art border. Browsers do not support this border style and display it as the |
CreaturesInsects | The Insects art border. Browsers do not support this border style and display it as the |
CreaturesLadyBug | The Ladybug art border. Browsers do not support this border style and display it as the |
CrossStitch | The Cross-stitch art border. Browsers do not support this border style and display it as the |
Cup | The Cupid art border. Browsers do not support this border style and display it as the |
DecoArch | The Archway art border. Browsers do not support this border style and display it as the |
DecoArchColor | The Color Archway art border. Browsers do not support this border style and display it as the |
DecoBlocks | The Blocks art border. Browsers do not support this border style and display it as the |
DiamondsGray | The Gray Diamond art border. Browsers do not support this border style and display it as the |
DoubleD | The Double D art border. Browsers do not support this border style and display it as the |
DoubleDiamonds | The Diamond art border. Browsers do not support this border style and display it as the |
Earth1 | The Earth art border. Browsers do not support this border style and display it as the |
Earth2 | The Earth art border. Browsers do not support this border style and display it as the |
EclipsingSquares1 | The Shadowed Square art border. Browsers do not support this border style and display it as the |
EclipsingSquares2 | The Shadowed Square art border. Browsers do not support this border style and display it as the |
EggsBlack | The Painted Egg art border. Browsers do not support this border style and display it as the |
Fans | The Fans art border. Browsers do not support this border style and display it as the |
Film | The Film Reel art border. Browsers do not support this border style and display it as the |
Firecrackers | The Firecracker art border. Browsers do not support this border style and display it as the |
FlowersBlockPrint | The Flowers art border. Browsers do not support this border style and display it as the |
FlowersDaisies | The Daisy art border. Browsers do not support this border style and display it as the |
FlowersModern1 | The Flowers art border. Browsers do not support this border style and display it as the |
FlowersModern2 | The Flowers art border. Browsers do not support this border style and display it as the |
FlowersPansy | The Pansy art border. Browsers do not support this border style and display it as the |
FlowersRedRose | The Red Rose art border. Browsers do not support this border style and display it as the |
FlowersRoses | The Roses art border. Browsers do not support this border style and display it as the |
FlowersTeacup | The Flowers in a Teacup art border. Browsers do not support this border style and display it as the |
FlowersTiny | The Small Flower art border. Browsers do not support this border style and display it as the |
Gems | The Gems art border. Browsers do not support this border style and display it as the |
GingerbreadMan | The Gingerbread Man art border. Browsers do not support this border style and display it as the |
Gradient | The Triangle Gradient art border. Browsers do not support this border style and display it as the |
Handmade1 | The Handmade art border. Browsers do not support this border style and display it as the |
Handmade2 | The Handmade art border. Browsers do not support this border style and display it as the |
HeartBalloon | The Heart-Shaped Balloon art border. Browsers do not support this border style and display it as the |
HeartGray | The Gray Heart art border. Browsers do not support this border style and display it as the |
Hearts | The Hearts art border. Browsers do not support this border style and display it as the |
HeebieJeebies | The Pattern art border. Browsers do not support this border style and display it as the |
Holly | The Holly art border. Browsers do not support this border style and display it as the |
HouseFunky | The House art border. Browsers do not support this border style and display it as the |
Hypnotic | The Circular art border. Browsers do not support this border style and display it as the |
IceCreamCones | The Ice Cream Cone art border. Browsers do not support this border style and display it as the |
LightBulb | The Light Bulb art border. Browsers do not support this border style and display it as the |
Lightning1 | The Lightning art border. Browsers do not support this border style and display it as the |
Lightning2 | The Lightning art border. Browsers do not support this border style and display it as the |
MapleLeaf | The Maple Leaf art border. Browsers do not support this border style and display it as the |
MapleMuffins | The Muffin art border. Browsers do not support this border style and display it as the |
MapPins | The Map Pins art border. Browsers do not support this border style and display it as the |
Marquee | The Marquee art border. Browsers do not support this border style and display it as the |
MarqueeToothed | The Marquee art border. Browsers do not support this border style and display it as the |
Moons | The Moon art border. Browsers do not support this border style and display it as the |
Mosaic | The Mosaic art border. Browsers do not support this border style and display it as the |
MusicNotes | The Musical Note art border. Browsers do not support this border style and display it as the |
Northwest | The Patterned art border. Browsers do not support this border style and display it as the |
Ovals | The Oval art border. Browsers do not support this border style and display it as the |
Packages | The Package art border. Browsers do not support this border style and display it as the |
PalmsBlack | The Black Palm Tree art border. Browsers do not support this border style and display it as the |
PalmsColor | The Color Palm Tree art border. Browsers do not support this border style and display it as the |
PaperClips | The Paper Clip art border. Browsers do not support this border style and display it as the |
Papyrus | The Papyrus art border. Browsers do not support this border style and display it as the |
PartyFavor | The Party Favor art border. Browsers do not support this border style and display it as the |
PartyGlass | The Party Glass art border. Browsers do not support this border style and display it as the |
Pencils | The Pencils art border. Browsers do not support this border style and display it as the |
People | The Character art border. Browsers do not support this border style and display it as the |
PeopleHats | The Character With Hat art border. Browsers do not support this border style and display it as the |
PeopleWaving | The Waving Character art border. Browsers do not support this border style and display it as the |
Poinsettias | The Poinsettia art border. Browsers do not support this border style and display it as the |
PostageStamp | The Postage Stamp art border. Browsers do not support this border style and display it as the |
Pumpkin1 | The Pumpkin art border. Browsers do not support this border style and display it as the |
PushPinNote1 | The Push Pin art border. Browsers do not support this border style and display it as the |
PushPinNote2 | The Push Pin art border. Browsers do not support this border style and display it as the |
Pyramids | The Pyramid art border. Browsers do not support this border style and display it as the |
PyramidsAbove | The Pyramid art border. Browsers do not support this border style and display it as the |
Quadrants | The Quadrants art border. Browsers do not support this border style and display it as the |
Rings | The Rings art border. Browsers do not support this border style and display it as the |
Safari | The Safari art border. Browsers do not support this border style and display it as the |
Sawtooth | The Saw tooth art border. Browsers do not support this border style and display it as the |
SawtoothGray | The Gray Saw tooth art border. Browsers do not support this border style and display it as the |
ScaredCat | The Scared Cat art border. Browsers do not support this border style and display it as the |
Seattle | The Umbrella art border. Browsers do not support this border style and display it as the |
ShadowedSquares | The Shadowed Squares art border. Browsers do not support this border style and display it as the |
SharksTeeth | The Shark Tooth art border. Browsers do not support this border style and display it as the |
ShorebirdTracks | The Bird Tracks art border. Browsers do not support this border style and display it as the |
Skyrocket | The Rocket art border. Browsers do not support this border style and display it as the |
SnowflakeFancy | The Snowflake art border. Browsers do not support this border style and display it as the |
Snowflakes | The Snowflake art border. Browsers do not support this border style and display it as the |
Sombrero | The Sombrero art border. Browsers do not support this border style and display it as the |
Southwest | The Southwest-themed art border. Browsers do not support this border style and display it as the |
Stars | The Stars art border. Browsers do not support this border style and display it as the |
Stars3d | The 3D Stars art border. Browsers do not support this border style and display it as the |
StarsBlack | The Stars art border. Browsers do not support this border style and display it as the |
StarsShadowed | The Stars With Shadows art border. Browsers do not support this border style and display it as the |
StarsTop | The Stars on Top art border. Browsers do not support this border style and display it as the |
Sun | The Sun art border. Browsers do not support this border style and display it as the |
Swirligig | The Whirligig art border. Browsers do not support this border style and display it as the |
TornPaper | The Torn Paper art border. Browsers do not support this border style and display it as the |
TornPaperBlack | The Black Torn Paper art border. Browsers do not support this border style and display it as the |
Trees | The Tree art border. Browsers do not support this border style and display it as the |
TriangleParty | The Triangle art border. Browsers do not support this border style and display it as the |
Triangles | The Triangles art border. Browsers do not support this border style and display it as the |
Tribal1 | The Tribal art border. Browsers do not support this border style and display it as the |
Tribal2 | The Tribal Two art border. Browsers do not support this border style and display it as the |
Tribal3 | The Tribal Three art border. Browsers do not support this border style and display it as the |
Tribal4 | The Tribal Four art border. Browsers do not support this border style and display it as the |
Tribal5 | The Tribal Five art border. Browsers do not support this border style and display it as the |
Tribal6 | The Tribal Six art border. Browsers do not support this border style and display it as the |
TwistedLines1 | The Twisted Lines art border. Browsers do not support this border style and display it as the |
TwistedLines2 | The Twisted Lines art border. Browsers do not support this border style and display it as the |
Vine | The Vine art border. Browsers do not support this border style and display it as the |
Waveline | The Wavy Line art border. Browsers do not support this border style and display it as the |
WeavingAngles | The Weaving Angles art border. Browsers do not support this border style and display it as the |
WeavingBraid | The Weaving Braid art border. Browsers do not support this border style and display it as the |
WeavingRibbon | The Weaving Ribbon art border. Browsers do not support this border style and display it as the |
WeavingStrips | The Weaving Strips art border. Browsers do not support this border style and display it as the |
WhiteFlowers | The White Flowers art border. Browsers do not support this border style and display it as the |
Woodwork | The Woodwork art border. Browsers do not support this border style and display it as the |
XIllusions | The Crisscross art border. Browsers do not support this border style and display it as the |
ZanyTriangles | The Triangle art border. Browsers do not support this border style and display it as the |
ZigZag | The Zigzag art border. Browsers do not support this border style and display it as the |
ZigZagStitch | The Zigzag stitch art border. Browsers do not support this border style and display it as the |
Remarks
The Rich Text Editor component allows you to specify border settings for the following document elements:
- Table
- The Table.Borders property allows you to access table borders and obtain their settings. Pass a TableProperties object to the Table.ChangePropertiesAsync method to customize table borders.
- Table Cell
- The TableCell.Borders property allows you to access table cell borders and obtain their settings. Pass a TableCellProperties object to the TableCell.ChangePropertiesAsync method to customize cell borders.
Note
Cell border settings take priority over table border settings.
The following code example customizes table and cell border settings:
<DxRichEdit @ref="richEdit" />
@code {
DxRichEdit richEdit;
protected override async Task OnAfterRenderAsync(bool firstRender) {
if (firstRender)
try {
await InitializeDocument();
}
catch (TaskCanceledException) { }
await base.OnAfterRenderAsync(firstRender);
}
async Task InitializeDocument() {
/* Surround the code that contains an asynchronous operation with a try-catch block to handle
the OperationCanceledException. This exception is thrown when an asynchronous operation is canceled. */
try {
var columnCount = 4;
var rowCount = 5;
richEdit.DocumentAPI.BeginUpdate();
// Creates a table
Table myTable = await richEdit.DocumentAPI.Tables.CreateAsync(0, columnCount, rowCount);
for (int i = rowCount-1; i >= 0 ; i--)
for (int j = columnCount-1; j >=0 ; j--) {
var cellPosition = myTable.Rows[i].Cells[j].Interval.Start;
await richEdit.DocumentAPI.AddTextAsync(cellPosition, "sample text");
}
// Customizes the table
myTable = await richEdit.DocumentAPI.Tables.GetAsync(0);
await myTable.ChangePropertiesAsync(properties => {
properties.Borders = new TableBorders(BorderLineStyle.None, System.Drawing.Color.Black, 20);
properties.Width = new TableWidth(TableWidthType.Percent, 100);
});
foreach (TableCell cell in myTable.Rows[0].Cells) {
await cell.ChangePropertiesAsync(properties => {
properties.Borders.Bottom = new TableBorder(BorderLineStyle.Single, System.Drawing.Color.Black, 20);
});
}
richEdit.DocumentAPI.EndUpdate();
}
catch (OperationCanceledException e) {
Console.WriteLine($"{nameof(OperationCanceledException)} thrown with message: {e.Message}");
}
}
}