.Dd Created:2025-10-16|Updated:2025-10-16|
.de ocsi
\\$*
,
..
.de oxr
.ocsi .Xr \\$*
..
.de oit
.It
\\$*
..
.de obdi
.Bl -dash -compact
.oit \\$*
..
.de obdl
.Bd -literal -compact
\\$*
..
.de onote
.Bl -hang -compact
.oit \\$*
.El
..
.de ocomm
.Bl -diag -compact
.oit \\$*
.El
..
.de opsy
.Pp
.Sy - \\$*
..
.de obc
.Bl -column \\$*
..
.de obc2
.obc opt desc
..
.de obc3
.obc option arguments description
..
.Dt CSS oh
.Nm css
.Nd syntax
.Sh SYNTAX
element can be:html element #id .class.
.Pp
To apply to multiple elements: 
.Bl -tag -compact
.It element, element
apply to multiple elements.
.It element > element 
applies to descendant.
.El
.Bd -literal -compact
element {
	property: value;
}
.Ed
.Ss attributes
.obc2
.It margin, padding Ta : can be [margin|padding] or [margin|padding]-[right|left|top|bottom].
.It border Ta : border can be defined using border or each border option (border-style, border-width, etc.).
.It border-style Ta : solid, dotted, dashed, none. 
.El
.Sh EXAMPLE
.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
.Sh TODO
.obdi Review and add examples.
.El
.Sh SEE ALSO
.oxr web oh
.oxrt html oh
.Xr mandoc oh
.opsy example files:
.In /css/style.css
.Ss links
.obc2
.It - Lk https://www.w3schools.com/css W3schools - css reference
.It - Lk https://www.w3schools.com/colors/colors_picker.asp W3schools - color picker
.El
.Sh AUTHORS
.An -nosplit
.Xr ohazot oh |
.Xr about oh |
.Lk https://ohazot.com ohazot.com
.Aq Mt admin@ohazot.com