TableBorder.Style Property
Specifies the border line style.
Namespace: DevExpress.Blazor.RichEdit
Assembly: DevExpress.Blazor.RichEdit.v24.2.dll
NuGet Package: DevExpress.Blazor.RichEdit
#Declaration
public BorderLineStyle Style { get; set; }
#Property Value
Type | Description |
---|---|
Border |
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. |
Dot |
The thin dash-dotted line. Browsers do not support this border style and display it as the |
Dot |
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 |
Thin |
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 |
Thick |
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 |
Thin |
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 |
Thin |
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 |
Thick |
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 |
Thin |
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 |
Thin |
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 |
Thick |
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 |
Thin |
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 |
Double |
The double wavy line. Browsers do not support this border style and display it as the |
Dash |
The thin dashed line with a small gap between dashes. Browsers do not support this border style and display it as the |
Dash |
The series of alternating thin and thick strokes. Browsers do not support this border style and display it as the |
Three |
Three staged gradient lines that get darker towards the cell. Browsers do not support this border style and display it as the |
Three |
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 |
Arched |
The Arched Scallops art border. Browsers do not support this border style and display it as the |
Baby |
The Baby Pacifier art border. Browsers do not support this border style and display it as the |
Baby |
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 |
Balloons |
The Hot Air Balloons art border. Browsers do not support this border style and display it as the |
Basic |
The Black Dash art border. Browsers do not support this border style and display it as the |
Basic |
The Black Dot art border. Browsers do not support this border style and display it as the |
Basic |
The Black Square art border. Browsers do not support this border style and display it as the |
Basic |
The Thin Line art border. Browsers do not support this border style and display it as the |
Basic |
The White Dash art border. Browsers do not support this border style and display it as the |
Basic |
The White Dot art border. Browsers do not support this border style and display it as the |
Basic |
The White Square art border. Browsers do not support this border style and display it as the |
Basic |
The Wide Inline art border. Browsers do not support this border style and display it as the |
Basic |
The Wide Midline art border. Browsers do not support this border style and display it as the |
Basic |
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 |
Birds |
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 |
Cake |
The Cake art border. Browsers do not support this border style and display it as the |
Candy |
The Candy Corn art border. Browsers do not support this border style and display it as the |
Celtic |
The Knot Work art border. Browsers do not support this border style and display it as the |
Certificate |
The Certificate Banner art border. Browsers do not support this border style and display it as the |
Chain |
The Chain Link art border. Browsers do not support this border style and display it as the |
Champagne |
The Champagne Bottle art border. Browsers do not support this border style and display it as the |
Checked |
The Black and White Bar art border. Browsers do not support this border style and display it as the |
Checked |
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 |
Christmas |
The Christmas Tree art border. Browsers do not support this border style and display it as the |
Circles |
The Circles and Lines art border. Browsers do not support this border style and display it as the |
Circles |
The Circles and Rectangles art border. Browsers do not support this border style and display it as the |
Classical |
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 |
Confetti |
The Confetti 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 |
Confetti |
The Confetti Streamers 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 |
Corner |
The Corner Triangle art border. Browsers do not support this border style and display it as the |
Coupon |
The Dashed Line art border. Browsers do not support this border style and display it as the |
Coupon |
The Dotted Line art border. Browsers do not support this border style and display it as the |
Crazy |
The Maze art border. Browsers do not support this border style and display it as the |
Creatures |
The Butterfly art border. Browsers do not support this border style and display it as the |
Creatures |
The Fish art border. Browsers do not support this border style and display it as the |
Creatures |
The Insects art border. Browsers do not support this border style and display it as the |
Creatures |
The Ladybug art border. Browsers do not support this border style and display it as the |
Cross |
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 |
Deco |
The Archway art border. Browsers do not support this border style and display it as the |
Deco |
The Color Archway art border. Browsers do not support this border style and display it as the |
Deco |
The Blocks art border. Browsers do not support this border style and display it as the |
Diamonds |
The Gray Diamond art border. Browsers do not support this border style and display it as the |
Double |
The Double D art border. Browsers do not support this border style and display it as the |
Double |
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 |
Eclipsing |
The Shadowed Square art border. Browsers do not support this border style and display it as the |
Eclipsing |
The Shadowed Square art border. Browsers do not support this border style and display it as the |
Eggs |
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 |
Flowers |
The Flowers art border. Browsers do not support this border style and display it as the |
Flowers |
The Daisy art border. Browsers do not support this border style and display it as the |
Flowers |
The Flowers art border. Browsers do not support this border style and display it as the |
Flowers |
The Flowers art border. Browsers do not support this border style and display it as the |
Flowers |
The Pansy art border. Browsers do not support this border style and display it as the |
Flowers |
The Red Rose art border. Browsers do not support this border style and display it as the |
Flowers |
The Roses art border. Browsers do not support this border style and display it as the |
Flowers |
The Flowers in a Teacup art border. Browsers do not support this border style and display it as the |
Flowers |
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 |
Gingerbread |
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 |
Heart |
The Heart-Shaped Balloon art border. Browsers do not support this border style and display it as the |
Heart |
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 |
Heebie |
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 |
House |
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 |
Ice |
The Ice Cream Cone art border. Browsers do not support this border style and display it as the |
Light |
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 |
Maple |
The Maple Leaf art border. Browsers do not support this border style and display it as the |
Maple |
The Muffin art border. Browsers do not support this border style and display it as the |
Map |
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 |
Marquee |
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 |
Music |
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 |
Palms |
The Black Palm Tree art border. Browsers do not support this border style and display it as the |
Palms |
The Color Palm Tree art border. Browsers do not support this border style and display it as the |
Paper |
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 |
Party |
The Party Favor art border. Browsers do not support this border style and display it as the |
Party |
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 |
People |
The Character With Hat art border. Browsers do not support this border style and display it as the |
People |
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 |
Postage |
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 |
Push |
The Push Pin art border. Browsers do not support this border style and display it as the |
Push |
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 |
Pyramids |
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 |
Sawtooth |
The Gray Saw tooth art border. Browsers do not support this border style and display it as the |
Scared |
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 |
Shadowed |
The Shadowed Squares art border. Browsers do not support this border style and display it as the |
Sharks |
The Shark Tooth art border. Browsers do not support this border style and display it as the |
Shorebird |
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 |
Snowflake |
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 |
Stars |
The Stars art border. Browsers do not support this border style and display it as the |
Stars |
The Stars With Shadows art border. Browsers do not support this border style and display it as the |
Stars |
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 |
Torn |
The Torn Paper art border. Browsers do not support this border style and display it as the |
Torn |
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 |
Triangle |
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 |
Twisted |
The Twisted Lines art border. Browsers do not support this border style and display it as the |
Twisted |
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 |
Weaving |
The Weaving Angles art border. Browsers do not support this border style and display it as the |
Weaving |
The Weaving Braid art border. Browsers do not support this border style and display it as the |
Weaving |
The Weaving Ribbon art border. Browsers do not support this border style and display it as the |
Weaving |
The Weaving Strips art border. Browsers do not support this border style and display it as the |
White |
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 |
Zany |
The Triangle art border. Browsers do not support this border style and display it as the |
Zig |
The Zigzag art border. Browsers do not support this border style and display it as the |
Zig |
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}");
}
}
}