vertical-line: warauf bezieht sich text-top ? bearbeitet von wilmaed 04.06.2018 14:14 MDN: "text-top Aligns the top of the element with the top of the parent element's font." <https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align> Da dachte ich mir: "text-top positioniert am oberen Rand innerhalb der Zeilenhöhe". Diese Wirkung hat aber text-bottom (genau umgekehrt) … also falsch verstanden. Beispiel: (siehe codepen) line-heigt: 80px. Der Buchstabe A ist auf der Baseline ~73px top, T hat seine "Baseline" bei ~45px top, X ~101px top. Wie ergeben sich diese 45px? T ist bottom von was?
vertical-line: warauf bezieht sich text-top ? bearbeitet von Gunnar Bittersmann 04.06.2018 15:38 MDN: "text-top Aligns the top of the element with the top of the parent element's font." https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align Da dachte ich mir: "text-top positioniert am oberen Rand innerhalb der Zeilenhöhe". Diese Wirkung hat aber text-bottom (genau umgekehrt) … also falsch verstanden. Beispiel: (siehe codepen) line-heigt: 80px. Der Buchstabe A ist auf der Baseline ~73px top, T hat seine "Baseline" bei ~45px top, X ~101px top. Wie ergeben sich diese 45px? T ist bottom von was?
vertical-line: warauf bezieht sich text-top ? bearbeitet von wilmaed 04.06.2018 14:32 MDN: "top Aligns the top of the element and its descendants with the top of the entire line." https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align" Da dachte ich mir: "text-top positioniert am oberen Rand innerhalb der Zeilenhöhe". Diese Wirkung hat aber text-bottom (genau umgekehrt) … also falsch verstanden. Beispiel: (siehe codepen) line-heigt: 80px. Der Buchstabe A ist auf der Baseline ~73px top, T hat seine "Baseline" bei ~45px top, X ~101px top. Wie ergeben sich diese 45px? T ist bottom von was?
vertical-line: warauf bezieht sich text-top ? bearbeitet von wilmaed 04.06.2018 14:22 MDN: "top Aligns the top of the element and its descendants with the top of the entire line." https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align" Da dachte ich mir: "text-top positioniert am oberen Rand innerhalb der Zeilenhöhe". Diese Wirkung hat aber text-bottom (genau umgekehrt) … also falsch verstanden. Beispiel: (siehe codepen) line-heigt: 80px. Der Buchstabe A ist auf der Baseline ~73px top, T hat seine "Baseline" bei ~45px top, X ~101px top. Wie ergeben sich diese 45px? T ist top von was?
nicht angemeldet nicht angemeldet
