9190
-
Posts
4 -
Joined
-
Last visited
9190's Achievements
-
Что-то путаница какая-то. Здесь написано про наследование следующее: И взять вышеприведённый пример: <html> <head> <style> p { text-decoration: line-through; } span { text-decoration: underline; } i { text-decoration: overline; } </style> </head> <body> <p>раз <span>два <i>три</i> два</span> раз</p> </body> </html> Получается тоже самое. Зачёркивание для параграфа наследуется (или переносится) и на span (помимо заданного нижнего подчёркивания наследуется перечёркивание от тега <p>. А слово "три" так и вообще унаследовало от родительских элементов и перечёркивание, и нижнее подчёркивание. Так в чём разница-то?
-
chikadesign, спасибо. Вроде бы понял. Если прокомментировать этот пример, какие выводы нужно сделать? То есть если бы этот text-decoration наследовался, то "два" имели бы только нижнее подчёркивание, а "три" только надстрочное? Или я неправ? Очень хочу понять логику этого правила наследования, но сейчас уже еле соображаю. Вот, на основе вашего примера применил наследующий стилевой атрибут text-transform: <html> <head> <style> p { text-transform: uppercase; } span { text-transform: capitalize; } i { text-transform: lowercase; } </style> </head> <body> <p>раз <span>два <i>ТРИ</i> два</span> раз</p> </body> </html>
-
Gaspode, Спасибо за ответ! Значит всё дело в наследовании. Я раньше сравнивал описание и text-decoration, и text-transform, чтобы посмотреть, есть ли разница между ними, почему один ведёт себя так, а другой иначе. И обратил тогда внимание на строку в описательной таблице, где для text-decoration указано не наследуется, а для text-transform наследуется, и подумал, что может в этом дело... Только я пока не слишком понимаю этот принцип наследования, надо где-то почитать. Но почему одни элементы наследуются, а другие нет? Сделали бы так, чтобы все наследовались, не было бы путаницы и таких нюансов? Как тогда в моей ситуации я должен поступить? Вот так оптимально? <html> <head><title>Черновик</title></head> <body> <p><span style="text-decoration: line-through;">Здесь идёт перечёркнутый текст.</span> А здесь неперечёркнутый. <span style="text-decoration: line-through;">А дальше весь параграф, допустим опять должен быть перечёркнутый.</span></p> То есть все фрагменты в параграфе, которые должны быть перечёркнуты, нужно индивидуально заключать в <span style="text-decoration: line-through;">...</span>? И если я назначу для всего параграфа перечёркивание (как в своём первом сообщении), то потом не смогу избавиться от него в отдельных местах этого параграфа? И в каких случаях тогда нужен text-decoration: none? В каких случаях он сможет отменить декорирование текста? </body> </html>
-
Просьба к модераторам переименовать тему в "Не пойму поведение стилевого атрибута text-decoration". Я ошибся и перепутал в названии стилевой атрибут. Вот такой пример кода (внутри которого и сам вопрос): <html> <head><title>Черновик</title></head> <body> <p style="text-decoration: line-through;">Здесь идёт перечёркнутый текст. <span style="text-decoration: none;">А здесь должен быть неперечёркнутый. Но почему отображается перечёркнутый?</span></p> Почему не действует внутренний элемент, где я отменяю перечёркивание? Здесь же написано, что значение none отменяет все эффекты, в том числе и подчёркивания у ссылок, которое задано по умолчанию. В параграфе ниже всё работает. Я там проделал по тому же принципу: для всего параграфа переназначил стиль, а в конкретной фразе отменил стиль, и всё сработало. <p style="text-transform: uppercase;">Для всего этого параграфа задан стилевой атрибут text-transform со значением uppercase (все буквы заглавные). <span style="text-transform: none;">А эту фразу я заключил в тег span style со значением none для text-transform. Буквы стали строчные.</span></p> </body> </html> И ещё на этой странице написано, что "Линия полученная с помощью значения line-through в IE7 располагается выше, чем в других браузерах; в IE8 эта ошибка исправлена." Что-то не похоже, что ошибка исправлена. У меня в IE8 линия выше середины строчных букв, почти наверху. В Firefox линия явно ниже. На сайте неточная информация?