.Dd 2026-07-11
.de oit
.It
\\$*
..
.de obi
.Bl -\\$1 -compact
.shift
.oit \\$*
..
.de obe
.obi \\$*
.El
..
.de obd
.Bd -literal -compact
\\$*
..
.de obc
.Bl -column \\$*
..
.Dt CSS oh
.Os
.Nm css 
.Nd sintaxis
.Sh SINTAXIS
Elemento puede ser: elemento html, #id, .clase.
.Pp
Para aplicar a m\('ultiples elementos:
.Bl -tag -compact
.It elemento, elemento
Aplica a m\('ultiples elementos.
.It element > element 
aplica a los elementos contenidos.
.El
.Bd -literal -compact
elemento {
	propiedad: valor;
}
.Ed
.Ss atributos
.obc border_st___
.It margin, padding Ta : puede ser [margin|padding] o [margin|padding]-[right|left|top|bottom].
.It border Ta : border puede definirse usando border o cada opci\('on de borde (border-style, border-width, etc.).
.It border-style Ta : solid, dotted, dashed, none. 
.El
.Ss comentarios
.obd /*
C\('ODIGO
*/
.Ed
.Tg note
.obc
.It NOTA: cualquier error de sintaxis detieene el proceso del stilo en el elemento actual o siguientes.
.El
.Sh EJEMPLO
.Bd -literal -compact
body {
        background-color: #262626;
        color: #bfbfbf;
        font-family: monospace;
}
a {
        color: #00b3b3;
}
\&.head , \&.foot , \&.Ndm {
        background-color: #1a1a1a;
	padding:5px;
	margin:5px;
	border: solid 1px;
}
pre {
        background-color: #1a1a1a;
        padding:10px;
        margin: 10px;
}
\&.head-rtitle {
	float: right;
}
.Ed
.Ss ejemplo de comentarios
.Bd -literal -compact
body {
        background-color: #262626;
        color: #bfbfbf;
        font-family: monospace;
}
/*
a {
        color: #00b3b3;
}
*/
pre {
        background-color: #1a1a1a;
        padding:10px;
        margin: 10px;
}
.Ed
.Sh HISTORIAL
.obc _______
.It 2026-07-11 Ta : Creado.
.El
.Sh AUTORES
.An -nosplit
.Xr ohazot oh |
.Xr info oh |
.Lk https://ohazot.com ohazot.com
.Aq Mt admin@ohazot.com