css - 複数行のテキストで特定の行をターゲットにしますか？

Question

元の問題は、フォントをイタリックフォントよりもイタリックではなく、通常よりもイタリックにする必要があることです。選択できるのはこの2つだけですが、その間に何かが必要です。私が知る限り、font-styleプロパティを使用してフォントのスキューを手動で設定する方法は他にありません。

それから私はCSS3変換プロパティについて考えるようになりました。それはあなたがどんな要素でも歪めることを可能にします。計画はそれを使用することであり、それをサポートしていないブラウザの場合は、見栄えの悪い通常のイタリックにフォールバックします。唯一の問題は、要素全体が歪んでいるため、テキストがインデントされているように見えることです。

この写真を見てください、あなたは私が何を意味するかを見るでしょう：

ご覧のとおり、変換により、すべての行でよりインデントされたように見えます。

これに対する解決策は、特定の行をターゲットにし、負のマージン（またはテキストインデント）を使用して、変換プロパティによって引き起こされるインデント効果に対抗することです。

では、複数行のテキストセグメントで特定のテキスト行をターゲットにすることは可能ですか？

Answer 1

CSSでもjavascriptでもありません。
単語はインライン要素であるため、エンドラインをマークする文字はありません。

スキューイングをどのように行ったかについてのコードを確認する必要がありますが、ブロック全体でそれを行ったと思います。したがって、代わりにテキストに分解することができます。

インライン要素に効果を適用できない場合は、テキストを小さなフローティングブロック要素に配置してみてください。

編集 ：

このフィドルを参照してください。これは極端なケースであり、より多くのスキューがあります。ご覧のとおり、p歪んでいるのはブロック全体（）です。

私が書いたように、js関数を使ってそれを小さなフローティングブロック要素に分解することができます。 私も実例を作りました。処理が重くなる可能性があるため、おそらく最適化する必要があります。また、CMSに特別なマークアップを設定することはできませんでした。