Odstępy tekstowe i odstępy słów w CSS | Wyjaśnione

Tekst jest jedną z podstawowych części każdej strony internetowej. Pokazuje znaczenie tekstu, a zatem CSS zapewnia szeroki zakres właściwości tekstu w celu zwiększenia wyglądu tekstu dowolnej witryny zgodnie z naszym wyborem e.G. Text-Align, kolor, odstępy słów itp.

W HTML/CSS, jeśli musimy dodać dodatkowe przestrzenie między słowami lub wierszami, właściwości CSS pozwalają nam kontrolować odstępy między liniami, słowami, a nawet literami. Ten zapis skoncentruje się na właściwościach w zakresie wypustu słów i odcinków, a po przeczytaniu tego zapisu będziesz mógł odpowiedzieć na następujące warunki:

• Co to jest wyparcie słów?
• Jak używać właściwości w skręcie słów w CSS?
• Co to jest odstępstwo?
• Jak korzystać z właściwości w zakresie odstępu w CSS?
• Jaka jest różnica między właściwościami wynoszącymi literą a tworzeniem słów?

Ten zapis zapewnia pełne zrozumienie wyżej wymienionych pytań z pomocą niektórych przykładów. Tak więc bez dalszego opóźnienia zacznijmy dyskusję z formalną definicją zakresu słów.

Spacer w CSS

Jak sama nazwa sugeruje, że ta właściwość jest w stanie poradzić sobie z odstępami między słowami. Możemy przypisać konkretnego „długość„Do tej właściwości, aby dostosować odstępy między słowami i.mi. Możemy zwiększyć lub zmniejszyć przestrzeń między różnymi słowami.

Jak używać właściwości w skręcie słów w CSS

Zrozummy tę koncepcję praktycznie z podanym poniżej przykładem:

Przykład

W tym kodzie stworzyliśmy akapit i dodaliśmy dodatkową przestrzeń między słowami:

To jest akapit…

Poniżej pojawi się wyjście dla powyższego fragmentu kodu:

To, co zaobserwowaliśmy w powyższym kodzie, to normalny akapit bez dodatkowych przestrzeni, dlatego potrzebujemy właściwego sposobu na umieszczenie miejsca między słowami.

Przykład

Możemy dodać dodatkowe przestrzenie przy użyciu właściwości wskaźnika słów CSS:

To jest akapit…

Teraz wyjście zweryfikuje miejsce między każdym słowem to 0.5 cm:

Przestrzeń można dodać między słowami w różnych jednostkach, takich jak PX, CM, MM itp.

Spacer w CSS

Ta właściwość jest podobna do właściwości ustalającego słowo, jedyną różnicą jest to, że właściwość wynosząca litera jest skierowana do poszczególnych liter zamiast słów i.mi. kontroluje przestrzeń między literami.

Jak korzystać z właściwości w zakresie odstępu w CSS

Zrozumiemy działanie tej właściwości za pomocą przykładu. Aby rozróżnić działanie w zakresie ustalenia słów i odcinka liter.

Przykład

Poniższy podany kod zaimplementuje rozstrzyganie słów na

element i wyprzedzenie liter na

element:

Odstępy tekstowe

To jest akapit…

Poniżej pojawią się wyjście dla powyższego kodu:

Powyższe dane wyjściowe weryfikuje, że właściwość odstępu od liter dodała przestrzeń między literami a właściwością w skręcie słów.

Wniosek

Właściwość odstępu słów i właściwości odstępstwa listy mogą być używane w CSS do kontrolowania odstępów między słowami i literami. Różne wartości długości CSS, takie jak PX, MM, CM, można użyć do dostosowania przestrzeni między literami i słowami. Ten zapis przedstawia kompletną wytyczną dotyczącą tworzenia słów, w zakresie odstępstwa w CSS oraz wyjaśnia potrzebę i użycie tych właściwości.