Розташуйте примітку всередині елемента (абсолютне позиціювання)
Розширте попереднє завдання Покажіть примітку біля елемента (абсолютне позиціювання): навчіть функцію positionAt(anchor, position, elem)
вставляти elem
всередині anchor
.
Нові значення для position
:
top-out
,right-out
,bottom-out
– працюють так само як і раніше, вони вставляютьelem
над/праворуч/під елементомanchor
.top-in
,right-in
,bottom-in
– вставляютьelem
всередину елементаanchor
, та прикріпляють його до верхнього/правого/нижнього краю.
Наприклад:
// показує примітку над елементом blockquote
positionAt(blockquote, "top-out", note);
// показує примітку всередині елемента blockquote поряд з верхнім краєм
positionAt(blockquote, "top-in", note);
Результат:
Для початку візьміть розв’язання задачі Покажіть примітку біля елемента (абсолютне позиціювання).