• normal — отключает альтернативное начертание;

• ordinal — добавляет дополнительные глифы для порядковых числительных;

• slashed-zero — ноль будет с чертой внутри;

• lining-nums — каждая цифра лежит на базовой линии текста;

• oldstyle-nums — набор строчных цифр, в котором 3, 4, 7, 9 свешиваются с базовой линии;

• proportional-nums — допустима разная ширина цифр;

• tabular-nums — одинаковая ширина каждой цифры;

• diagonal-fractions — числитель и знаменатель в дроби уменьшены и разделены косой чертой;

• stacked-fractions — числитель и знаменатель в дроби уменьшены и разделены горизонтальной линией.

.inner {
  display: grid;
  grid-template-columns: subgrid;
}

.inner {
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
}

.noscript {
  grid-column: span 2;
}

function generateMonthCalendar(year, month) {
  const date = new Date(year, month - 1, 1);
  const monthName = date.toLocaleString("en", { month: "long" });

  console.log(`\n     ${monthName} ${year}`);
  console.log("Mo Tu We Th Fr Sa Su");

  const startDay = (date.getDay() + 6) % 7;
  let output = "   ".repeat(startDay);

  while (date.getMonth() === month - 1) {
    const day = String(date.getDate()).padStart(2, " ");
    output += day + " ";

    if ((startDay + date.getDate()) % 7 === 0) {
      output += "\n";
    }

    date.setDate(date.getDate() + 1);
  }

  console.log(output + "\n");
}

generateMonthCalendar(2025, 4); // апрель

const input = document.querySelector('#file');

const reader = new FileReader();

reader.onload = () => {
  console.log('Тип:', currentFile.type);
  console.log('Размер:', currentFile.size);
  showPreview(reader.result);
};

let currentFile = null;

input.addEventListener('change', () => {
  const file = input.files[0];
  if (!file) return;

  currentFile = file;
  reader.readAsDataURL(file);
});

function readFilePreview(file, cb) {
  const r = new FileReader();
  r.onload = () => cb(r.result, file);
  r.readAsDataURL(file);
}

readFilePreview(input.files[0], (dataUrl, file) => {
  console.log(file.type, file.size);
  previewImg.src = dataUrl;
});

• <em> — смысловое ударение в предложении;
• <strong> — повышенная важность;
• <mark> — выделение «маркером»;
• <dfn> — термин или расшифровка сокращения.

parent.classList.toggle('open', child.checked)

.card:has(.toggle:checked) .content {
  max-height: 400px;
}

.input:has(input:focus) {
  border-color: #4da3ff;
}

nav:has(a.active) {
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}