Home/ Questions/Q 158329
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T10:39:44+00:00

Is there any way in WinForms to emulate border-collapse from CSS? Imagine this: You

  • 0

Is there any way in WinForms to emulate border-collapse from CSS?

Imagine this: You have a Panel control with a border of FixedSingle, giving it a 1px black border, docked to the top of a form. You add a second Panel control with the same border and also docked to the top, in effect stacking that Panel underneath the first Panel. The problem is, where the bottom of the top Panel touches the top of the bottom Panel, the border is now 2px wide (bottom of top Panel (1px) + top of bottom Panel (1px) = 2px).

I have been messing with the Panel control properties, but I couldn’t see anything to have these touching edges overlap so there is only 1px of border between the Panels. Anyone have any ideas?

(I am using Visual Basic .NET 2008)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Just create your own panel derived control. Fake the border by drawing it the way you want it. For example:

    using System; using System.Drawing; using System.Windows.Forms;  public class MyPanel : Panel {   public MyPanel() {     this.Dock = DockStyle.Top;     this.DoubleBuffered = true;     this.SetStyle(ControlStyles.ResizeRedraw, true);   }   protected override void OnPaintBackground(PaintEventArgs e) {     base.OnPaintBackground(e);     int y = this.ClientSize.Height - 1;     int x = this.ClientSize.Width-1;     e.Graphics.DrawLine(Pens.Black, 0, 0, 0, y);     e.Graphics.DrawLine(Pens.Black, 0, y, x, y);     e.Graphics.DrawLine(Pens.Black, x, 0, x, y);   } }

    Add a new class to your project and paste the code show above. Compile. Drop the new control from the top of your toolbox onto your form.

    • 0