HTML CSS SQL Meta tag Generator ScrollBar design Generator Encode Decode images

CSS Basics

Introduction Syntax Selectors Attribute Selectors Specificity Combinators !important Comments Colors

CSS Need to Know

Box Model Pseudo-class Pseudo-element Inline-block Math Functions Max and Min Opacity Outline Overflow Z-index Float

Most used

Align Backgrounds Borders Text Units Padding Margins Position Tables Display Fonts Lists Height and Width

CSS Reference

CSS Properties reference CSS Pseudo-Classes reference CSS Pseudo-Elements reference CSS Selector reference

CSS border-block-start-style

The border-block-start-style property is used to set the style of the border on the block-start side of an element. The block-start side is the top side of an element in block formatting context or the start side in inline formatting context. This property is part of the CSS Box Model and is very useful for controlling the appearance of borders.

The possible values for border-block-start-style are the same as those for the border-style property: none, hidden, dotted, dashed, solid, double, groove, ridge, inset, and outset.

Let's see an example of how to use the border-block-start-style property:


    <div class="border-example">
      This is an example text with a border on the block-start side.
    </div>
  
Result:
This is an example text with a border on the block-start side.

In the example above, we have created a <div> element with the class border-example and applied a solid border on the block-start side with a width of 3 pixels. You can experiment with different values for border-block-start-style to see how it affects the appearance of the border.

It is important to note that the border-block-start-style property will only have an effect if there is enough space to display the border. If the element is too small or the content inside it is too large, the border may not be visible.

.illuminati {
   position: absolute;
   visibility: hidden;
}