¿Por qué no funciona el ancho de frontera?

Why is border-width not working?

If you’ve set the shorthand border property in CSS and the border is not showing, the most likely issue is that you did not define the border style. While the border-width and border-color property values can be omitted, the border-style property must be defined. Otherwise, it will not render.

CSS borders are placed between the margins and padding of an HTML element. If you want the borders of an HTML element to extend past the width (or height) of that element, you can add CSS padding to the element in order to push the borders outward.

The syntax for the CSS border-width property (with 2 values) is: border-width: top_bottom left_right; When two values are provided, the first value will apply to the top and bottom of the box. The second value will apply to the left and right sides of the box.

To change the width of a cell border, follow these steps:

1. Select one or more cells that have a border that you want to change.
2. Right-click over the cells you’ve chosen and select Format Cells and, in the popup window, click the Border tab.
3. For a continuous line, choose one of the thicker styles from the Line box.

You can go in to the HTML and add another element below the element you want to have the border-bottom and give it a background that is the color you want the border to be and then set the width and height, which is what I have done for years.

Steps:

1. Create background image(s) with linear-gradient() .
2. Use background-size to adjust the width / height of above created image(s) so that it looks like a border.
3. Use background-position to adjust position (like left , right , left bottom etc.) of the above created border(s).

You can go in to the HTML and add another element below the element you want to have the border-bottom and give it a background that is the color you want the border to be and then set the width and height, which is what I have done for years. Skip straight to the code.