СКРИПТЫ
ТЕГИ:
php (324)
js (242)
html (146)
css (129)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
fonts (31)
form html (30)
online (27)
Показать еще :
link (26)
ruweb.net (25)
foto (22)
atom (20)
php file (20)
forum (19)
hosting (18)
svg (18)
input (18)
php date (17)
php time (16)
html book (16)
board (16)
color (15)
js url (14)
js events (14)
js time (14)
img (14)
notepad (13)
htaccess (13)
select (13)
osclass (13)
info (13)
php path (12)
знак (12)
php img (12)
download (12)
table (12)
keyboard (12)
dw block (12)
form (11)
icon (11)
jsphp (11)
mouse (10)
yandex (10)
keyframes (10)
js delete (10)
hover (9)
dosite (8)
browser (7)
php url (7)
cookie (7)
comment (7)
iframe (6)
click (6)
canvas (6)
list (6)
mysql (6)
php get (6)
mb (5)
tag a (5)
adminka (5)
reg.ru (5)
ftp (5)
js math (5)
year (5)
heading (5)
value (5)
search (5)
chart (5)
js id (5)
scandir (4)
php var (4)
нок (4)
bbcode (4)
week (4)
day (4)
ssl (4)
submit (4)
js form (4)
symbols (4)
base64 (4)
flags (4)
task (4)
month (4)
games (4)
vk (4)
pages (4)
xml (4)
console (4)
numbers (3)
js hash (3)
domen (3)
https (3)
js post (3)
line (3)
js img (3)
ucoz (3)
padding (3)
vs code (3)
money (3)
куб (3)
captcha (3)
prompt (2)
tag hr (2)
sitemap (2)
google (2)
js vars (2)
counter (2)
seo (2)
arrows (2)
qr kod (2)
typeof (2)
рся (2)
height (2)
youtube (2)
details (2)
video (2)
scroll (1)
нод (1)
cursor (1)
speed (1)
archive (1)
rutube (1)
smile (1)
jino (1)
windows (1)
header (1)

first-letter не работает

"first-letter не работает". Почему first-letter не работает. Рассмотрим несколько примеров с неработающей первой буквой css и решим задачку не работающей first-letter.

О неработающей first-letter свойстве.

  1. Почему first-letter не работает
  2. First-letter работает

  1. Почему first-letter не работает

    Если я смогу воссоздать не работающее свойство "first-letter" - то это означает простой ответ, что я знаю "почему не работает first-letter" - для иллюстрации примера вам понадобится:

    Тег a(ссылка).

    В данный тег добавим... какой-то класс, чтобы оперировать именно к нашему примеру!

    first_letter_not_work

    Этому классу добавим свойства, которые сразу вы сомжете увидеть... это будет первая "ПРОПИСНАЯ" и добавим крассный цвет:

    a.first_letter_not_work:first-letter {
    text-transform: uppercase !important;
    color: red;
    }

    В него поместим заранее известный текст, где первая буква будет маленькой(строчной):

    этот текст маленькой первой буквой.

    Соберем весь код:

    Код не работающем свойстве first-letter

    Css:

    <style>

    a.first_letter_not_work:first-letter {

    text-transform: uppercase;

    color: red;

    }

    </style>

    Html:

    <a class=first_letter_not_work href=#>этот текст маленькой первой буквой.</a>

    Пример не работающего свойства first-letter

    Ну и далее разместим приведенный код "first-letter" прямо здесь:

    Как видим.. first-letter не работает!

    Давайте заставим работать first-letter!


  2. First-letter работает

    Для того, чтобы заставить "First-letter" работать вам понадобится:

    Всё, что я делал в первом пункте... чуть-чуть изменим и чуть-чуть добавим....

    Изменим класс:

    first_letter_work

    Добавим к данному классу что? Правильно! Свойство которое превратит нашу ссылку из display:inline в display: inline-block;

    Соберём весь код:

    Код работающего свойстве first-letter

    Css:

    <style>

    a.first_letter_work-letter {

    text-transform: uppercase;

    color: red;

    }

    a.first_letter_work {

    display: inline-block;

    }

    </style>

    Html:

    <a class=first_letter_work href=#>этот текст маленькой первой буквой.</a>

    Пример работающего свойства first-letter

    Далее - разместим приведенный код прямо здесь:

    Как видим:

    first-letter - прекрасно работает...

Не благодарите, но ссылкой можете поделиться!
Временная ссылка для быстрейшей индексации : список всех квадратных корней.
Еще никто не прокомментировал! COMMENTS+   BBcode
Подписаться + =

dwweb.ru есть здесь:
Последние комментарии :
Марат :
13.04.2023 16:12
Я не знаю что конкретно вы имеете ввиду,,, если вы не прикалываетесь... В пункте 1 создаем таблицу... вставляем…
подробнее.
Марат :
14.03.2023 21:07
Так... это когда было то... в 2018 году... мне не нравится(не нравилось), как поиск по файлам... как-то коряво было…
подробнее.
Марат :
26.02.2023 12:20
Спасибо за внимательность!
подробнее.
V :
26.02.2023 11:49
В массиве месяцев пропущен октябрь!
подробнее.
Марат :
02.02.2023 10:48
Я не знаю, что это ... Такое понятие - "определена"... я не понимаю, что такое... есть такая фигня в Js, там, бывают…
подробнее.
Артур :
02.02.2023 06:51
При копировании всего кода из 3 главы "Вывод всех файлов из папки ссылками на них", при выполнении скрипта…
подробнее.
ruweb Немного о ruweb.net!
Страница загружена за : 0.01392 секунд. Подробнее