Skip to main content

Presets

Target Element

Line Break

Controls how line breaking rules are applied to text

Browser default, language-dependent rules

Additional Properties

Live Preview

This text contains various characters for testing line break behavior. CJK characters: 今ζ—₯γ―θ‰―γ„ε€©ζ°—γ§γ™γ€‚ζ˜Žζ—₯γ‚‚ζ™΄γ‚Œγ‚‹γ§γ—γ‚‡γ†γ€‚δΈ­ζ–‡ζ΅‹θ―•ζ–‡ζœ¬γ€‚ν•œκ΅­μ–΄ ν…μŠ€νŠΈμž…λ‹ˆλ‹€. Japanese with small kana: フゑむル、プログラム、コンピγƒ₯γƒΌγ‚ΏγƒΌ URLs and paths: https://example.com/very/long/path/to/resource?query=value Numbers and punctuation: Tel: 012-3456-7890, Price: $1,234.56 Technical content: function myFunction() { return value; }

Line Break Comparison

auto
今ζ—₯γ―θ‰―γ„ε€©ζ°—γ§γ™γ€‚ζ˜Žζ—₯γ‚‚ζ™΄γ‚Œγ‚‹γ§γ—γ‚‡γ†γ€‚
loose
今ζ—₯γ―θ‰―γ„ε€©ζ°—γ§γ™γ€‚ζ˜Žζ—₯γ‚‚ζ™΄γ‚Œγ‚‹γ§γ—γ‚‡γ†γ€‚
normal
今ζ—₯γ―θ‰―γ„ε€©ζ°—γ§γ™γ€‚ζ˜Žζ—₯γ‚‚ζ™΄γ‚Œγ‚‹γ§γ—γ‚‡γ†γ€‚
strict
今ζ—₯γ―θ‰―γ„ε€©ζ°—γ§γ™γ€‚ζ˜Žζ—₯γ‚‚ζ™΄γ‚Œγ‚‹γ§γ—γ‚‡γ†γ€‚
anywhere
今ζ—₯γ―θ‰―γ„ε€©ζ°—γ§γ™γ€‚ζ˜Žζ—₯γ‚‚ζ™΄γ‚Œγ‚‹γ§γ—γ‚‡γ†γ€‚

Generated CSS

.text-content {
  line-break: auto;
}

Rate this tool