CSS - właściwości white-space


white-space: normal

kod wynik kodu
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<title>webatak.pl - CSS - text</title>
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
p {
  white-space: normal;
}

</style>
</head>
<body>

<br />
<p>Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. </p>
</body>
</html>


white-space: pre

kod wynik kodu
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<title>webatak.pl - CSS - text</title>
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
pre {
  white-space: pre;
}
 </style>
</head>
<body>

<br />
<pre>Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko.</pre>
</body> </html>


white-space: pre-line

kod wynik kodu
<!DOCTYPE html>
<html>
<head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<title>webatak.pl - CSS - text</title>
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
pre {
  white-space: pre-line;
}
 </style>
</head>
<body>

<br />
<pre>Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko.</pre>
</body>
</html>


white-space: pre-wrap

kod wynik kodu
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<title>webatak.pl - CSS - text</title>
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
pre {
  white-space: pre-wrap;
}
 </style>
</head>
<body>

<br />
<pre>Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko.</pre>
</body>
</html>


white-space: nowrap

kod wynik kodu
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="Content-Language" content="pl">
<title>webatak.pl - CSS - text</title>
<link rel="Stylesheet" type="text/css" href="style.css" />
<style type="text/css">
p {
  white-space: nowrap;
}
 </style>
</head>
<body>

<br />
<p>Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. Koko koko euro spoko. </p>
</body>
</html>