Wartość auto jest domyślną wartością właściwości text-justify.
Domyślnie przeglądarka internetowa sama określa sposób justowania tekstu elementu HTML. Najczęściej sposobem tym jest sposób, na który wskazuje wartość inter-word.
text-justify:auto;
przeglądarka internetowa sama określiła sposób justowania tekstu tego elementu "div"
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
text-align:justify;
text-align-last:justify;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
przeglądarka internetowa sama określiła sposób justowania tekstu tego elementu "div"
</div>
</body>
</html>
Za pomocą wartości none właściwości text-justify możemy sprawić, że justowanie tekstu interesującego nas elementu HTML zostanie wyłączone.
text-justify:none;
justowanie tekstu tego elementu "div" zostało wyłączone, ponieważ do tego elementu "div" została dodana właściwość "text-justify" wraz z wartością "none"
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
text-align:justify;
text-align-last:justify;
text-justify:none;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
justowanie tekstu tego elementu "div" zostało wyłączone, ponieważ do tego elementu "div" została dodana właściwość "text-justify" wraz z wartością "none"
</div>
</body>
</html>
Za pomocą wartości inter-word właściwości text-justify możemy sprawić, że justowanie tekstu interesującego nas elementu HTML zostanie dokonane pomiędzy wyrazami tego tekstu.
text-justify:inter-word;
justowanie tekstu tego elementu "div" zostało dokonane pomiędzy wyrazami tekstu tego elementu "div", ponieważ do tego elementu "div" została dodana właściwość "text-justify" wraz z wartością "inter-word"
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
text-align:justify;
text-align-last:justify;
text-justify:inter-word;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
justowanie tekstu tego elementu "div" zostało dokonane pomiędzy wyrazami tekstu tego elementu "div", ponieważ do tego elementu "div" została dodana właściwość "text-justify" wraz z wartością "inter-word"
</div>
</body>
</html>
Za pomocą wartości inter-character właściwości text-justify możemy sprawić, że justowanie tekstu interesującego nas elementu HTML zostanie dokonane pomiędzy literami tego tekstu.
text-justify:inter-character;
justowanie tekstu tego elementu "div" zostało dokonane pomiędzy literami tekstu tego elementu "div", ponieważ do tego elementu "div" została dodana właściwość "text-justify" wraz z wartością "inter-character"
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
text-align:justify;
text-align-last:justify;
text-justify:inter-character;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
justowanie tekstu tego elementu "div" zostało dokonane pomiędzy literami tekstu tego elementu "div", ponieważ do tego elementu "div" została dodana właściwość "text-justify" wraz z wartością "inter-character"
</div>
</body>
</html>
