Skip to main content
Convertir código a fragmento ejecutable.
Origen Enlace
Marcos
  • 35.7k
  • 7
  • 36
  • 70

creo que no puedes manipular los bordes como deseas hacerlo, pero lo que se me viene a la mente es tener un div interno que se superponga a los bordes que no deseas mostrar (también se podría realizar con dos div, uno para cada lado).

El código para realizar mi sugerencia seria:

<div style="
    border: solid;
    height: 200px;
    width: 200px;
    position: relative;
">
    <div style="
        height: 20px;
        width: 204px;
        position: absolute;
        background: white;
        left: -2px;
        bottom: 45%;
    ">
    </div>
</div>

<div style="
        border: 2px solid #000;
        height: 200px;
        width: 200px;
        position: relative;
    ">
  <div style="
            height: 20px;
            width: 204px;
            position: absolute;
            background: white;
            left: -2px;
            bottom: 45%;
        ">
  </div>
</div>

Obviamente es solo un ejemplo lo ideal seria que manejes clases.

creo que no puedes manipular los bordes como deseas hacerlo, pero lo que se me viene a la mente es tener un div interno que se superponga a los bordes que no deseas mostrar (también se podría realizar con dos div, uno para cada lado).

El código para realizar mi sugerencia seria:

<div style="
    border: solid;
    height: 200px;
    width: 200px;
    position: relative;
">
    <div style="
        height: 20px;
        width: 204px;
        position: absolute;
        background: white;
        left: -2px;
        bottom: 45%;
    ">
    </div>
</div>

Obviamente es solo un ejemplo lo ideal seria que manejes clases.

creo que no puedes manipular los bordes como deseas hacerlo, pero lo que se me viene a la mente es tener un div interno que se superponga a los bordes que no deseas mostrar (también se podría realizar con dos div, uno para cada lado).

El código para realizar mi sugerencia seria:

<div style="
        border: 2px solid #000;
        height: 200px;
        width: 200px;
        position: relative;
    ">
  <div style="
            height: 20px;
            width: 204px;
            position: absolute;
            background: white;
            left: -2px;
            bottom: 45%;
        ">
  </div>
</div>

Obviamente es solo un ejemplo lo ideal seria que manejes clases.

Origen Enlace
Drock
  • 68
  • 3

creo que no puedes manipular los bordes como deseas hacerlo, pero lo que se me viene a la mente es tener un div interno que se superponga a los bordes que no deseas mostrar (también se podría realizar con dos div, uno para cada lado).

El código para realizar mi sugerencia seria:

<div style="
    border: solid;
    height: 200px;
    width: 200px;
    position: relative;
">
    <div style="
        height: 20px;
        width: 204px;
        position: absolute;
        background: white;
        left: -2px;
        bottom: 45%;
    ">
    </div>
</div>

Obviamente es solo un ejemplo lo ideal seria que manejes clases.