From 1941ec2e0cc285e2d5c820e0189df4cafb123cf8 Mon Sep 17 00:00:00 2001 From: Mariya Belinskaya Date: Sun, 13 Oct 2024 14:50:13 +0500 Subject: [PATCH 01/11] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?= =?UTF-8?q?=D1=8F=D0=B5=D1=82=20=D0=B4=D0=BE=D0=BA=D1=83=20=D0=BF=D1=80?= =?UTF-8?q?=D0=BE=20text-align-last?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../demos/text-align-last/index.html | 84 +++++++++++++++++++ css/text-align-last/index.md | 38 +++++++++ people/mbelinskaya/index.md | 4 + 3 files changed, 126 insertions(+) create mode 100644 css/text-align-last/demos/text-align-last/index.html create mode 100644 css/text-align-last/index.md create mode 100644 people/mbelinskaya/index.md diff --git a/css/text-align-last/demos/text-align-last/index.html b/css/text-align-last/demos/text-align-last/index.html new file mode 100644 index 0000000000..1822c6455a --- /dev/null +++ b/css/text-align-last/demos/text-align-last/index.html @@ -0,0 +1,84 @@ + + + + Пример значений — text-align-last — Дока + + + + + + + + +
+
+

text-align-last: left;

+

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей; так вдоль опушки по солнцепеку и бегут, уходя вдаль, ручей и тропинка, а за ручьем на северном склоне среди хвойных деревьев лежит сибирский таежный нетронутый снег.

+
+ + +
+

text-align-last: center;

+

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей; так вдоль опушки по солнцепеку и бегут, уходя вдаль, ручей и тропинка, а за ручьем на северном склоне среди хвойных деревьев лежит сибирский таежный нетронутый снег.

+
+ +
+

text-align-last: justify;

+

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей; так вдоль опушки по солнцепеку и бегут, уходя вдаль, ручей и тропинка, а за ручьем на северном склоне среди хвойных деревьев лежит сибирский таежный нетронутый снег.

+
+ +
+

text-align-last: start;

+

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей; так вдоль опушки по солнцепеку и бегут, уходя вдаль, ручей и тропинка, а за ручьем на северном склоне среди хвойных деревьев лежит сибирский таежный нетронутый снег.

+
+
+

text-align-last: end;

+

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей; так вдоль опушки по солнцепеку и бегут, уходя вдаль, ручей и тропинка, а за ручьем на северном склоне среди хвойных деревьев лежит сибирский таежный нетронутый снег.

+
+
+ + \ No newline at end of file diff --git a/css/text-align-last/index.md b/css/text-align-last/index.md new file mode 100644 index 0000000000..f123db81cb --- /dev/null +++ b/css/text-align-last/index.md @@ -0,0 +1,38 @@ +--- +title: "text-align-last" +description: "Управляем выравниванием последней строки: как сделать финальный аккорд стильным" +authors: + - MBelinskaya +related: + - css/top-left-right-bottom + - css/text-indent + - css/text-justify +tags: + - doka +--- + +## Кратко + +`text-align-last` управляет выравниванием последней строки в блоке. Также работает для строк, которые заканчиваются принудительным переносом строки (например, перед тегом [`
`](/html/br/)). + +Если это свойство не задано, то выравнивание определяется правилами текущего языка (значение атрибута `lang` у тега [``](/html/html/)), либо значением свойства `direction` (`ltr` — слева направо, `rtl` — справа налево). + +## Как пишется + +- `auto` — выравнивание, как и для остальных строк, кроме случая со значением `justify`, тогда строка будет выравниваться по тому краю, по которому принято в текущем языке (значение по умолчанию). +- `start` — в ту же сторону, что и весь остальной текст. +- `end` — в противоположную сторону от остального текста. +- `left` — по левому краю. +- `right` — по правому краю. +- `center` — по центру. +- `justify` — по ширине, чтобы заполнить всё пространство. + + + +## Подсказки + +💡 Значение по умолчанию — `auto`. + +💡 Не влияет на выравнивание остальных строк в блоке, в этом случае используйте свойство [`text-align`](/css/text-align/). + +💡 Задаёт выравнивание для всех последних строк в выбранном элементе. Например, если у вас есть контейнер `
` с пятью абзацами в нём, выравнивание будет применяться к последней строке каждого из абзацев. Чтобы выровнять только последнюю строку всего блока, используйте [`:last-child`](/css/child/) или [`:last-of-type`](/css/nth-of-type/). diff --git a/people/mbelinskaya/index.md b/people/mbelinskaya/index.md new file mode 100644 index 0000000000..d299a81e20 --- /dev/null +++ b/people/mbelinskaya/index.md @@ -0,0 +1,4 @@ +--- +name: 'Мария Белинская' +url: https://github.com/MBelinskaya +--- \ No newline at end of file From d8a42f5ee8469ae175752a90692f3ce28f67e05a Mon Sep 17 00:00:00 2001 From: Mariya Belinskaya Date: Fri, 18 Oct 2024 19:04:16 +0500 Subject: [PATCH 02/11] =?UTF-8?q?=D0=9F=D1=80=D0=B8=D0=BC=D0=B5=D0=BD?= =?UTF-8?q?=D1=8F=D0=B5=D1=82=20=D0=BA=20=D0=B4=D0=B5=D0=BC=D0=BA=D0=B5=20?= =?UTF-8?q?=D1=84=D0=B8=D1=80=D0=BC=D0=B5=D0=BD=D0=BD=D1=8B=D0=B5=20=D1=81?= =?UTF-8?q?=D1=82=D0=B8=D0=BB=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../demos/text-align-last/index.html | 176 ++++++++++++------ 1 file changed, 120 insertions(+), 56 deletions(-) diff --git a/css/text-align-last/demos/text-align-last/index.html b/css/text-align-last/demos/text-align-last/index.html index 1822c6455a..e82886a7f1 100644 --- a/css/text-align-last/demos/text-align-last/index.html +++ b/css/text-align-last/demos/text-align-last/index.html @@ -8,77 +8,141 @@ + + .right { + text-align-last: right; + } + + .center { + text-align-last: center; + } + + .justify { + text-align-last: justify; + } + + .start { + text-align-last: start; + } + + .end { + text-align-last: end; + } + +@media (max-width: 768px) { + body { + padding: 30px; + } + + .option-container { + display: block; + overflow: scroll; + } + + h1, .option-title { + inline-size: 100%; + } + + .option-title { + display: block; + margin-inline-end: 0; + margin-block-end: 10px; + } + + .option { + inline-size: calc(100vw - 60px); + } + } + -
-
-

text-align-last: left;

-

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей; так вдоль опушки по солнцепеку и бегут, уходя вдаль, ручей и тропинка, а за ручьем на северном склоне среди хвойных деревьев лежит сибирский таежный нетронутый снег.

-
- - -
-

text-align-last: center;

-

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей; так вдоль опушки по солнцепеку и бегут, уходя вдаль, ручей и тропинка, а за ручьем на северном склоне среди хвойных деревьев лежит сибирский таежный нетронутый снег.

-
- -
-

text-align-last: justify;

-

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей; так вдоль опушки по солнцепеку и бегут, уходя вдаль, ручей и тропинка, а за ручьем на северном склоне среди хвойных деревьев лежит сибирский таежный нетронутый снег.

-
- -
-

text-align-last: start;

-

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей; так вдоль опушки по солнцепеку и бегут, уходя вдаль, ручей и тропинка, а за ручьем на северном склоне среди хвойных деревьев лежит сибирский таежный нетронутый снег.

-
-
-

text-align-last: end;

-

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей; так вдоль опушки по солнцепеку и бегут, уходя вдаль, ручей и тропинка, а за ручьем на северном склоне среди хвойных деревьев лежит сибирский таежный нетронутый снег.

+
+

text-align-last

+
+ left +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ right +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ center +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ justify +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ start +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ end +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
-
\ No newline at end of file From 841d452267f47c1f09764e97cd00251a64a9a1d0 Mon Sep 17 00:00:00 2001 From: Mariya Belinskaya Date: Fri, 18 Oct 2024 19:07:19 +0500 Subject: [PATCH 03/11] =?UTF-8?q?=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2?= =?UTF-8?q?=D0=BB=D1=8F=D0=B5=D1=82=20=D1=84=D0=BE=D1=80=D0=BC=D1=83=D0=BB?= =?UTF-8?q?=D0=B8=D1=80=D0=BE=D0=B2=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/text-align-last/index.md | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/css/text-align-last/index.md b/css/text-align-last/index.md index f123db81cb..88df746bc2 100644 --- a/css/text-align-last/index.md +++ b/css/text-align-last/index.md @@ -1,8 +1,8 @@ --- -title: "text-align-last" -description: "Управляем выравниванием последней строки: как сделать финальный аккорд стильным" +title: "`text-align-last`" +description: "Как сделать финальный аккорд стильным? Управляем выравниванием последней строки." authors: - - MBelinskaya + - mbelinskaya related: - css/top-left-right-bottom - css/text-indent @@ -31,8 +31,6 @@ tags: ## Подсказки -💡 Значение по умолчанию — `auto`. +💡 Не влияет на выравнивание остальных строк в блоке. Для этого используйте свойство [`text-align`](/css/text-align/). -💡 Не влияет на выравнивание остальных строк в блоке, в этом случае используйте свойство [`text-align`](/css/text-align/). - -💡 Задаёт выравнивание для всех последних строк в выбранном элементе. Например, если у вас есть контейнер `
` с пятью абзацами в нём, выравнивание будет применяться к последней строке каждого из абзацев. Чтобы выровнять только последнюю строку всего блока, используйте [`:last-child`](/css/child/) или [`:last-of-type`](/css/nth-of-type/). +💡 Задаёт выравнивание для всех последних строк в выбранном элементе. Например, если у вас есть контейнер `
` с пятью абзацами в нём, выравнивание будет применяться к последней строке каждого из абзацев. Чтобы выровнять только последнюю строку последнего абзаца, используйте [`:last-child`](/css/child/) или [`:last-of-type`](/css/nth-of-type/). From a2e45b448e25c0774ee13e7664cb1d94d20b4912 Mon Sep 17 00:00:00 2001 From: Mariya Belinskaya Date: Fri, 18 Oct 2024 19:09:06 +0500 Subject: [PATCH 04/11] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?= =?UTF-8?q?=D1=8F=D0=B5=D1=82=20=D0=B1=D0=B5=D0=B9=D0=B4=D0=B6=D0=B8=D0=BA?= =?UTF-8?q?=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- people/mbelinskaya/index.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/people/mbelinskaya/index.md b/people/mbelinskaya/index.md index d299a81e20..8d6112e30c 100644 --- a/people/mbelinskaya/index.md +++ b/people/mbelinskaya/index.md @@ -1,4 +1,6 @@ --- name: 'Мария Белинская' url: https://github.com/MBelinskaya +badges: + - first-contribution-small --- \ No newline at end of file From 89bde38978740ada7482411bdcc40785ed61c4d5 Mon Sep 17 00:00:00 2001 From: Alena Batitskaia Date: Tue, 22 Oct 2024 10:29:30 +0100 Subject: [PATCH 05/11] =?UTF-8?q?=D0=A4=D0=BE=D1=80=D0=BC=D0=B0=D1=82?= =?UTF-8?q?=D0=B8=D1=80=D1=83=D0=B5=D1=82=20=D0=BA=D0=BE=D0=B4=20=D0=B4?= =?UTF-8?q?=D0=B5=D0=BC=D0=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../demos/text-align-last/index.html | 301 +++++++++--------- 1 file changed, 154 insertions(+), 147 deletions(-) diff --git a/css/text-align-last/demos/text-align-last/index.html b/css/text-align-last/demos/text-align-last/index.html index e82886a7f1..b9c2bd57ec 100644 --- a/css/text-align-last/demos/text-align-last/index.html +++ b/css/text-align-last/demos/text-align-last/index.html @@ -1,148 +1,155 @@ - - - - Пример значений — text-align-last — Дока - - - - - - - - -
-

text-align-last

-
- left -

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

-
-
- right -

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

-
-
- center -

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

-
-
- justify -

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

-
-
- start -

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

-
-
- end -

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

-
-
- + + + + + Пример значений — text-align-last — Дока + + + + + + + + + +
+

text-align-last

+
+ left +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ right +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ center +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ justify +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ start +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ end +

Вытаяла возле бора тропинка сухая, и рядом с ней шумит ручей.

+
+
+ + \ No newline at end of file From 27668778b4e07d0e6c349e6f4a178b64b9f34543 Mon Sep 17 00:00:00 2001 From: Alena Batitskaia Date: Tue, 22 Oct 2024 10:48:44 +0100 Subject: [PATCH 06/11] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?= =?UTF-8?q?=D1=8F=D0=B5=D1=82=20=D0=BF=D1=83=D1=81=D1=82=D1=83=D1=8E=20?= =?UTF-8?q?=D1=81=D1=82=D1=80=D0=BE=D0=BA=D1=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/text-align-last/demos/text-align-last/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/text-align-last/demos/text-align-last/index.html b/css/text-align-last/demos/text-align-last/index.html index b9c2bd57ec..d536d9fd8c 100644 --- a/css/text-align-last/demos/text-align-last/index.html +++ b/css/text-align-last/demos/text-align-last/index.html @@ -152,4 +152,4 @@

text-align-last

- \ No newline at end of file + From 2737fd7ff4ecaa1e3e37db0be9003dbbfc1456b4 Mon Sep 17 00:00:00 2001 From: Alena Batitskaia Date: Tue, 22 Oct 2024 10:50:41 +0100 Subject: [PATCH 07/11] =?UTF-8?q?=D0=95=D1=89=D1=91=20=D0=BE=D0=B4=D0=BD?= =?UTF-8?q?=D0=B0=20=D0=BF=D1=83=D1=81=D1=82=D0=B0=D1=8F=20=D1=81=D1=82?= =?UTF-8?q?=D1=80=D0=BE=D0=BA=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- people/mbelinskaya/index.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/people/mbelinskaya/index.md b/people/mbelinskaya/index.md index 8d6112e30c..75ce8927dc 100644 --- a/people/mbelinskaya/index.md +++ b/people/mbelinskaya/index.md @@ -1,6 +1,6 @@ ---- -name: 'Мария Белинская' -url: https://github.com/MBelinskaya -badges: - - first-contribution-small ---- \ No newline at end of file +--- +name: 'Мария Белинская' +url: https://github.com/MBelinskaya +badges: + - first-contribution-small +--- From 8b1bae23fa13e8ba7de74e44855caf9157a4360b Mon Sep 17 00:00:00 2001 From: Tatiana Fokina Date: Thu, 24 Oct 2024 15:08:08 +0400 Subject: [PATCH 08/11] =?UTF-8?q?=D0=A3=D0=B2=D0=B5=D0=BB=D0=B8=D1=87?= =?UTF-8?q?=D0=B8=D0=B2=D0=B0=D0=B5=D1=82=20=D0=B2=D1=8B=D1=81=D0=BE=D1=82?= =?UTF-8?q?=D1=83=20=D0=B4=D0=B5=D0=BC=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/text-align-last/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/text-align-last/index.md b/css/text-align-last/index.md index 88df746bc2..936f125841 100644 --- a/css/text-align-last/index.md +++ b/css/text-align-last/index.md @@ -27,7 +27,7 @@ tags: - `center` — по центру. - `justify` — по ширине, чтобы заполнить всё пространство. - + ## Подсказки From 737bc9187526e0e3acbf70bf3a56271b49a28c6e Mon Sep 17 00:00:00 2001 From: Svetlana Korobtseva Date: Sat, 2 Nov 2024 01:06:31 +0800 Subject: [PATCH 09/11] =?UTF-8?q?=D0=9F=D0=BE=D0=B4=D1=80=D0=B0=D0=B2?= =?UTF-8?q?=D0=BD=D0=B8=D0=B2=D0=B0=D0=B5=D1=82=20=D1=88=D1=80=D0=B8=D1=84?= =?UTF-8?q?=D1=82=D1=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/text-align-last/demos/text-align-last/index.html | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/css/text-align-last/demos/text-align-last/index.html b/css/text-align-last/demos/text-align-last/index.html index d536d9fd8c..9aecff8af6 100644 --- a/css/text-align-last/demos/text-align-last/index.html +++ b/css/text-align-last/demos/text-align-last/index.html @@ -8,6 +8,7 @@ +