En este artículo, aprenderemos cómo especificar el ancho, el estilo y el color de la regla entre columnas.
Enfoque: la propiedad de regla de columna se utiliza para especificar el ancho, el estilo y el color de la regla entre columnas. Toma tres valores ancho de la regla, el estilo de la regla y el color de la regla.
Sintaxis:
column-rule: width style color;
Ejemplo 1:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.gfg {
font-size: 30px;
column-width: 160px;
column-rule: 5px solid red;
}
</style>
</head>
<body>
<div class="parent" style="width: 50%;">
<div class="gfg">
GeeksforGeeks is my favorite site
where I can gain a lot of knowledge
and can also share my knowledge what
I have gained while learning. We can
add more paragraphs for content.
This is just an example to tell you
how to specify the optimal width for
the columns in CSS? The column width
is 160px in this example.
</div>
</div>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.gfg{
font-size: 30px;
column-width: 160px;
column-rule: 5px dotted blue;
}
</style>
</head>
<body>
<div class="parent" style="width: 50%;">
<div class="gfg">
GeeksforGeeks is my favorite site where
I can gain a lot of knowledge and can
also share my knowledge what I have gained
while learning. We can add more
paragraphs for content. This is just an
example to tell you how to specify
the optimal width for the columns in CSS? The
column width is 160px in this example.
</div>
</div>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por manikumarsingh789 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA