# C1.Win.FlexGrid.CellBorder.VerticalColor

## Content

<div class="doc-site-dotnet-api-container">



<h1 id="C1_Win_FlexGrid_CellBorder_VerticalColor_" data-uid="C1.Win.FlexGrid.CellBorder.VerticalColor*">VerticalColor Property
</h1>
<div class="markdown level0 summary"></div>
<div class="markdown level0 conceptual"></div>



<a id="C1_Win_FlexGrid_CellBorder_VerticalColor_" data-uid="C1.Win.FlexGrid.CellBorder.VerticalColor*"></a>
<h4 id="C1_Win_FlexGrid_CellBorder_VerticalColor" data-uid="C1.Win.FlexGrid.CellBorder.VerticalColor">VerticalColor</h4>
<div class="markdown level1 summary"><p>Gets or sets the vertical border edges color (except for 3D borders) when <a class="xref" href="C1.Win.FlexGrid.CellBorder.Direction.html#C1_Win_FlexGrid_CellBorder_Direction">Direction</a> is set to <a class="xref" href="C1.Win.FlexGrid.BorderDirEnum.html#C1_Win_FlexGrid_BorderDirEnum_BothDifferent">BothDifferent</a>.</p>
</div>
<div class="markdown level1 conceptual"></div>
<h5 class="declaration">Declaration</h5>
<div class="codewrapper">
  <pre><code class="lang-csharp hljs">public Color VerticalColor { get; set; }</code></pre>
</div>
<div class="codewrapper">
  <pre><code class="lang-vbnet hljs">Public Property VerticalColor As Color</code></pre>
</div>
<h5 id="C1_Win_FlexGrid_CellBorder_VerticalColor_remarks">Remarks</h5>
<div class="markdown level1 remarks"><p> Used with <a class="xref" href="C1.Win.FlexGrid.CellBorder.Direction.html#C1_Win_FlexGrid_CellBorder_Direction">Direction</a> = <a class="xref" href="C1.Win.FlexGrid.BorderDirEnum.html#C1_Win_FlexGrid_BorderDirEnum_BothDifferent">BothDifferent</a> only. 
Customize <a class="xref" href="C1.Win.FlexGrid.CellBorder.Color.html#C1_Win_FlexGrid_CellBorder_Color">Color</a> property for other cases.</p>
<p> Makes sence for <a class="xref" href="C1.Win.FlexGrid.CellBorder.Style.html#C1_Win_FlexGrid_CellBorder_Style">Style</a> set to <a class="xref" href="C1.Win.FlexGrid.BorderStyleEnum.html#C1_Win_FlexGrid_BorderStyleEnum_Flat">Flat</a>, <a class="xref" href="C1.Win.FlexGrid.BorderStyleEnum.html#C1_Win_FlexGrid_BorderStyleEnum_Double">Double</a> or <a class="xref" href="C1.Win.FlexGrid.BorderStyleEnum.html#C1_Win_FlexGrid_BorderStyleEnum_Dotted">Dotted</a> only.
3D borders are always drawn using the system colors defined for highlights and shadows.</p>
</div>
<h5 id="C1_Win_FlexGrid_CellBorder_VerticalColor_examples">Examples</h5>
<p>Set gray right border for selected column header cells.</p>
<pre><code class="lang-csharp">var flexGrid = new C1.Win.FlexGrid.C1FlexGrid();
c1FlexGrid1.Styles.SelectedColumnHeader.Border.Direction = BorderDirEnum.BothDifferent;
c1FlexGrid1.Styles.SelectedColumnHeader.Border.VerticalColor = Color.Gray;</code></pre>
<p>VerticalColor value will be ignored.</p>
<pre><code class="lang-csharp">var flexGrid = new C1.Win.FlexGrid.C1FlexGrid();
c1FlexGrid1.Styles.SelectedColumnHeader.Border.Direction = BorderDirEnum.Both;
c1FlexGrid1.Styles.SelectedColumnHeader.Border.VerticalColor = Color.Gray;</code></pre>
<p>Set wide green bottom border and thin gray side border for selected column header cells.</p>
<pre><code class="lang-csharp">var flexGrid = new C1.Win.FlexGrid.C1FlexGrid();
c1FlexGrid1.Styles.SelectedColumnHeader.Border.Direction = BorderDirEnum.BothDifferent;
c1FlexGrid1.Styles.SelectedColumnHeader.Border.VerticalWidth = 1;
c1FlexGrid1.Styles.SelectedColumnHeader.Border.HorizontalWidth = 3;
c1FlexGrid1.Styles.SelectedColumnHeader.Border.HorizontalColor = Color.Green;
c1FlexGrid1.Styles.SelectedColumnHeader.Border.VerticalColor = Color.Gray;</code></pre>

</div>