css ruler

Door Viktor op 21-03-2006 17:24

1.031 views

Netzoals bij border heb je border-style, met css.
Kan je zoiets ook bij een <hr> toepassen dat je hij solid wordt?

Ter verduidelijking:
Met een border, heb je als code border-style, hiermee kan je de dikte, kleur, style bepalen.
Bestaat dit ook voor een <hr> dat je bij zo'n lijn ook dikte, kleur en style kan bepalen?

a.b.

Jelmer -

21-03-2006 17:32

hr{
border: 0;
border-bottom: 3px dotted red;
}

En dan zou je die laatste helemaal naar eigen wens in moeten kunnen vullen.

Viktor

21-03-2006 22:03

En hoe moet ik die code dan invoeren?

Kalle P

21-03-2006 22:03

In je stylesheet of tussen de head tags.

Gert-Jan

22-03-2006 09:52

Jelmer schreef op 21.03.2006 17:32
hr{
border: 0;
border-bottom: 3px dotted red;
}

En dan zou je die laatste helemaal naar eigen wens in moeten kunnen vullen.

Moet die "border: 0;" ook? Volgens mij kun je volstaan met:


hr{
  border: 1px solid #565656;
}

Bas

22-03-2006 09:55

of je doet het zo (zoals ik het altijd gebruik)

hr {
   border: 0 0 1px 0;
}

Noord Oost Zuid West

Jan Koehoorn

22-03-2006 10:54

Het probleem hiermee is: het moet in alle browsers werken. De enige manier die ik ken om dat te regelen is deze:


hr {
	color: #fff; /* voor IE */
	background-color: #fff;
	border: 0;
	height: 1px;
}

Reageren

Inloggen om te reageren