HTML ve CSS'te kullanılan İngilizce sözcüklere karşılık arayışları

[volkantash]

HTML bilgisi edinmek için :

• https://developer.mozilla.org/en-US/docs/Web/HTML
• https://html.spec.whatwg.org/multipage/

CSS bilgisi edinmek için:

• https://developer.mozilla.org/en-US/docs/Web/CSS
• https://www.w3.org/Style/CSS/all-properties.en.html

A

$çapa: a;
$bilinmiyor: abbr;
$bilinmiyor: acronym;
$yeradı: address; // karşılık önerisi
$bilinmiyor: applet;
$bilinmiyor: area;
$bilinmiyor: article;
$bilinmiyor: aside;
$bilinmiyor: audio;
$bilinmiyor: align-content;
$bilinmiyor: align-items;
$bilinmiyor: align-self;
$bilinmiyor: all;
$bilinmiyor: animation;
$bilinmiyor: animation-delay;
$bilinmiyor: animation-direction;
$bilinmiyor: animation-duration;
$bilinmiyor: animation-fill-mode;
$bilinmiyor: animation-iteration-count;
$bilinmiyor: animation-name;
$bilinmiyor: animation-play-state;
$bilinmiyor: animation-timing-function;

B

$kalın: b;

Bold sözcüğünün baş yazı damgası ile adlanmıştır. Bold için yaygın karşılık olarak kalın sözcüğünü kullanıyoruz. Kalın yazı için kullanılan HTML etiketidir.

$taban: base;

Yaygın karşılık, duruma göre değiştirebiliriz. Veritabanı = database gibi örnekler ile karşılaşabiliriz. Taban yolunu tanımlamak için kullanılan HTML etiketidir. Bilgi için Mozilla, w3.org, w3schools.com

$bilinmiyor: basefont;
$bilinmiyor: bdi;
$bilinmiyor: bdo;
$bilinmiyor: bgsound;

$büyük: big;

İri, koca gibi sözcükler arasında büyük sözcüğü daha yakışık. Daha büyük ölçülerde yazı yazmaya yarayan HTML etiketi.

$bilinmiyor: blink;
$bilinmiyor: blockquote;
$bilinmiyor: body;
$bilinmiyor: br;
$düğme: button; // kesin karşılık
$bilinmiyor: backface-visibility;
$bilinmiyor: background;
$bilinmiyor: background-attachment;
$bilinmiyor: background-blend-mode;
$bilinmiyor: background-clip;
$bilinmiyor: background-color;
$bilinmiyor: background-image;
$bilinmiyor: background-origin;
$bilinmiyor: background-position;
$bilinmiyor: background-repeat;
$bilinmiyor: background-size;
$bilinmiyor: border;
$bilinmiyor: border-bottom;
$bilinmiyor: border-bottom-color;
$bilinmiyor: border-bottom-left-radius;
$bilinmiyor: border-bottom-right-radius;
$bilinmiyor: border-bottom-style;
$bilinmiyor: border-bottom-width;
$bilinmiyor: border-collapse;
$bilinmiyor: border-color;
$bilinmiyor: border-image;
$bilinmiyor: border-image-outset;
$bilinmiyor: border-image-repeat;
$bilinmiyor: border-image-slice;
$bilinmiyor: border-image-source;
$bilinmiyor: border-image-width;
$bilinmiyor: border-left;
$bilinmiyor: border-left-color;
$bilinmiyor: border-left-style;
$bilinmiyor: border-left-width;
$bilinmiyor: border-radius;
$bilinmiyor: border-right;
$bilinmiyor: border-right-color;
$bilinmiyor: border-right-style;
$bilinmiyor: border-right-width;
$bilinmiyor: border-spacing;
$bilinmiyor: border-style;
$bilinmiyor: border-top;
$bilinmiyor: border-top-color;
$bilinmiyor: border-top-left-radius;
$bilinmiyor: border-top-right-radius;
$bilinmiyor: border-top-style;
$bilinmiyor: border-top-width;
$bilinmiyor: border-width;
$bilinmiyor: bottom;
$bilinmiyor: box-shadow;
$bilinmiyor: box-sizing;
$bilinmiyor: break-after;
$bilinmiyor: break-before;
$bilinmiyor: break-inside;

C

$bilinmiyor: canvas;
$bilinmiyor: caption;
$bilinmiyor: center;
$bilinmiyor: cite;
$bilinmiyor: code;
$bilinmiyor: col; turkce-yazilim-konati/Turkce#16
$bilinmiyor: colgroup; turkce-yazilim-konati/Turkce#16
$bilinmiyor: content;
$bilinmiyor: caption-side;
$bilinmiyor: caret-color;
$bilinmiyor: @charset;
$bilinmiyor: clear;
$bilinmiyor: clip;

$tüs: color; $renk: color;

Türkçede tüs sözcüğü Türkçe kökenli bilinir iken renk sözcüğü Farsça kökenli bilinir. Renk sözcüğü Türkçe Türkçesinde tüs sözcüğünden daha yaygın kullanıldığı için hem renk hem tüs sözcüklerini tanımladık.

$bilinmiyor: column-count; turkce-yazilim-konati/Turkce#16
$bilinmiyor: column-fill; turkce-yazilim-konati/Turkce#16
$bilinmiyor: column-gap; turkce-yazilim-konati/Turkce#16
$bilinmiyor: column-rule; turkce-yazilim-konati/Turkce#16
$bilinmiyor: column-rule-color; turkce-yazilim-konati/Turkce#16
$bilinmiyor: column-rule-style; turkce-yazilim-konati/Turkce#16
$bilinmiyor: column-rule-width; turkce-yazilim-konati/Turkce#16
$bilinmiyor: column-span; turkce-yazilim-konati/Turkce#16
$bilinmiyor: column-width; turkce-yazilim-konati/Turkce#16
$bilinmiyor: columns; turkce-yazilim-konati/Turkce#16
$bilinmiyor: content;
$bilinmiyor: counter-increment;
$bilinmiyor: counter-reset;
$bilinmiyor: cursor;

D

$veri: data; // yaygın karşılık
$veridizmesi: datalist; // karşılık önerisi
$bilinmiyor: dd;
$bilinmiyor: del;
$bilinmiyor: details;
$bilinmiyor: dfn;
$bilinmiyor: dialog;
$bilinmiyor: dir;
$bilinmiyor: div;
$bilinmiyor: dl;
$bilinmiyor: dt;
$bilinmiyor: direction;
$sergi: display; // kesin olmayan karşılık önerisi

E

$bilinmiyor: em;
$bilinmiyor: embed;
$bilinmiyor: empty-cells;

# F

$bilinmiyor: fieldset;
$bilinmiyor: figcaption;
$bilinmiyor: figure;
$bilinmiyor: font;
$bilinmiyor: footer;
$bilinmiyor: form;
$bilinmiyor: frame;
$bilinmiyor: frameset;
$bilinmiyor: filter;
$bilinmiyor: flex;
$bilinmiyor: flex-basis;
$bilinmiyor: flex-direction;
$bilinmiyor: flex-flow;
$bilinmiyor: flex-grow;
$bilinmiyor: flex-shrink;
$bilinmiyor: flex-wrap;
$bilinmiyor: float;
$bilinmiyor: font;
$bilinmiyor: @font-face;
$bilinmiyor: font-family;
$bilinmiyor: font-feature-settings;
$bilinmiyor: @font-feature-values;
$bilinmiyor: font-kerning;
$bilinmiyor: font-language-override;
$bilinmiyor: font-size;
$bilinmiyor: font-size-adjust;
$bilinmiyor: font-stretch;
$bilinmiyor: font-style;
$bilinmiyor: font-synthesis;
$bilinmiyor: font-variant;
$bilinmiyor: font-variant-alternates;
$bilinmiyor: font-variant-caps;
$bilinmiyor: font-variant-variant-east-asian;
$bilinmiyor: font-variant-ligatures;
$bilinmiyor: font-variant-numeric;
$bilinmiyor: font-variant-position;
$bilinmiyor: font-weight;

G

$bilinmiyor: gap;
$bilinmiyor: grid;
$bilinmiyor: grid-area;
$bilinmiyor: grid-auto-columns; turkce-yazilim-konati/Turkce#16
$bilinmiyor: grid-auto-flow;
$bilinmiyor: grid-auto-rows;
$bilinmiyor: grid-column; turkce-yazilim-konati/Turkce#16
$bilinmiyor: grid-column-end; turkce-yazilim-konati/Turkce#16
$bilinmiyor: grid-column-gap; turkce-yazilim-konati/Turkce#16
$bilinmiyor: grid-column-start; turkce-yazilim-konati/Turkce#16
$bilinmiyor: grid-gap;
$bilinmiyor: grid-row;
$bilinmiyor: grid-row-end;
$bilinmiyor: grid-row-gap;
$bilinmiyor: grid-row-start;
$bilinmiyor: grid-template;
$bilinmiyor: grid-template-areas;
$bilinmiyor: grid-template-columns; turkce-yazilim-konati/Turkce#16
$bilinmiyor: grid-template-rows;

H

$bilinmiyor: heading_elements;
$baş: head;

Kesin karşılık olarak görünen sözcük.

$bilinmiyor: header; $bilinmiyor: hgroup; $bilinmiyor: hr; $bilinmiyor: html; $bilinmiyor: hanging-punctuation; **$yükseklik:** height;

Genellikle yükseklik sözcüğü karşılık olarak kullanılıyor. Daha doğru bir karşılık ornar ise yeniden irdelenebilir.

$bilinmiyor: hyphens;

İ

$eğik: i; // kesin karşılık
$bilinmiyor: iframe;
$bilinmiyor: img;
$bilinmiyor: input;
$bilinmiyor: ins;
$bilinmiyor: isindex;
$bilinmiyor: image-rendering;
$bilinmiyor: @import;
$bilinmiyor: isolation;

J K

$bilinmiyor: justify-content;
$tuşluk: kbd; // karşılık önerisi. (Tuş sözcüğümüz Fransızca değil, Türkçe kökenlidir. Fransızcadaki sözcüğe denk düşmesi tesadüftür.)
$bilinmiyor: keygen;
$bilinmiyor: @Keyframes;

L

$kolan: label; // karşılık önerisi
$bilinmiyor: legend;
$bilinmiyor: li;
$örk: link; // karşılık önerisi
$dizme: listing; // dizim ve dizme sözcükleri Kazak ve Kırgız Türkçelerinde karşımıza çıkıyor, irdelenmeye açık karşılık önerisi
$bilinmiyor: left;
$bilinmiyor: letter-spacing;
$bilinmiyor: line-break;
$bilinmiyor: line-height;
$bilinmiyor: line-style;
$bilinmiyor: list-style;
$bilinmiyor: list-style-image;
$bilinmiyor: list-style-position;
$bilinmiyor: list-style-type;

M

$bilinmiyor: main;
$bilinmiyor: map;
$bilinmiyor: mark;
$bilinmiyor: marquee;
$bilinmiyor: menu;
$bilinmiyor: menuitem;
$art: meta; // karşılık önerisi, metadata=?artveri, metaverse=?artevren
$bilinmiyor: meter;
$bilinmiyor: margin;
$bilinmiyor: margin-bottom;
$bilinmiyor: margin-left;
$bilinmiyor: margin-right;
$bilinmiyor: margin-top;
$bilinmiyor: mask;
$bilinmiyor: mask-clip;
$bilinmiyor: mask-composite;
$bilinmiyor: mask-image;
$bilinmiyor: mask-mode;
$bilinmiyor: mask-origin;
$bilinmiyor: mask-position;
$bilinmiyor: mask-repeat;
$bilinmiyor: mask-size;
$bilinmiyor: mask-type;
$bilinmiyor: max-height;
$bilinmiyor: max-width;
$bilinmiyor: @media;
$bilinmiyor: min-height;
$bilinmiyor: min-width;
$bilinmiyor: mix-blend-mode;

N

$bilinmiyor: nav;
$bilinmiyor: nobr;
$bilinmiyor: noframes;
$bilinmiyor: noscript;

O

$bilinmiyor: object;
$bilinmiyor: ol;
$bilinmiyor: optgroup;
$bilinmiyor: option;
$bilinmiyor: output;
$bilinmiyor: object-fit;
$bilinmiyor: object-position;
$bilinmiyor: opacity;
$bilinmiyor: order;
$bilinmiyor: orphans;
$bilinmiyor: outline;
$bilinmiyor: outline-color;
$bilinmiyor: outline-offset;
$bilinmiyor: outline-style;
$bilinmiyor: outline-width;
$bilinmiyor: overflow;
$bilinmiyor: overflow-wrap;
$bilinmiyor: overflow-x;
$bilinmiyor: overflow-y;

P

$bilinmiyor: p;
$bilinmiyor: param;
$bilinmiyor: picture;
$bilinmiyor: plaintext;
$bilinmiyor: pre;
$bilinmiyor: progress;
$bilinmiyor: padding;
$bilinmiyor: padding-bottom;
$bilinmiyor: padding-left;
$bilinmiyor: padding-right;
$bilinmiyor: padding-top;
$bilinmiyor: page-break-after;
$bilinmiyor: page-break-before;
$bilinmiyor: page-break-inside;
$bilinmiyor: perspective;
$bilinmiyor: perspective-origin;
$bilinmiyor: pointer-events;
$bilinmiyor: position;

Q

$bilinmiyor: q;
$bilinmiyor: quotes;

R

$bilinmiyor: rp;
$bilinmiyor: rt;
$bilinmiyor: rtc;
$bilinmiyor: ruby;
$bilinmiyor: resize;
$bilinmiyor: right;
$bilinmiyor: row-gap;

S

$bilinmiyor: s;
$bilinmiyor: samp;
$bilinmiyor: script;
$bilinmiyor: scroll-behavior;
$bilinmiyor: section;
$bilinmiyor: select;
$bilinmiyor: shadow;
$bilinmiyor: slot;
$bilinmiyor: small;
$bilinmiyor: source;
$bilinmiyor: spacer;
$bilinmiyor: span;
$bilinmiyor: strike;
$bilinmiyor: strong;
$bilinmiyor: style;
$bilinmiyor: sub;
$bilinmiyor: summary;
$bilinmiyor: sup;

T

$bilinmiyor: table;
$bilinmiyor: tbody;
$bilinmiyor: td;
$bilinmiyor: template;
$bilinmiyor: textarea;
$bilinmiyor: tfoot;
$bilinmiyor: th;
$bilinmiyor: thead;
$bilinmiyor: time;
$bilinmiyor: title;
$bilinmiyor: tr;
$bilinmiyor: track;
$bilinmiyor: tt;
$bilinmiyor: tab-size;
$bilinmiyor: table-layout;
$bilinmiyor: text-align;
$bilinmiyor: text-align-last;
$bilinmiyor: text-combine-upright;
$bilinmiyor: text-decoration;
$bilinmiyor: text-decoration-color;
$bilinmiyor: text-decoration-line;
$bilinmiyor: text-decoration-style;
$bilinmiyor: text-decoration-thickness;
$bilinmiyor: text-indent;
$bilinmiyor: text-justify;
$bilinmiyor: text-orientation;
$bilinmiyor: text-overflow;
$bilinmiyor: text-shadow;
$bilinmiyor: text-transform;
$bilinmiyor: text-underline-position;
$bilinmiyor: top;
$bilinmiyor: transform;
$bilinmiyor: transform-origin;
$bilinmiyor: transform-style;
$bilinmiyor: transition;
$bilinmiyor: transition-delay;
$bilinmiyor: transition-duration;
$bilinmiyor: transition-property;
$bilinmiyor: transition-timing-function;

U

$bilinmiyor: u;
$bilinmiyor: ul;
$bilinmiyor: unicode-bidi;
$bilinmiyor: user-select;

V

$bilinmiyor: var;
$bilinmiyor: video;
$bilinmiyor: vertical-align;
$bilinmiyor: visibility;

W

$bilinmiyor: wbr;
$bilinmiyor: white-space;
$bilinmiyor: widows;
$bilinmiyor: width;
$bilinmiyor: word-break;
$bilinmiyor: word-spacing;
$bilinmiyor: word-wrap;
$bilinmiyor: writing-mode;

X Y Z

$bilinmiyor: xmp;
$bilinmiyor: z-index; // 1. 💭

[MustafaSamedYeyin]

z-index : z-değeri

Z eksen değeri için kullanılabilir.

[volkantash]

TDK Güncel Türkçe Sözlükte dizin ile gösterge sözcüklerinin indeks anlamına geldiği yazılmış. Bunlar sizce uygun mu? Değer sözcüğünü "value" için kullanıyoruz. Bir karmaşa yaratmaz mı?

[MustafaSamedYeyin]

TDK Güncel Türkçe Sözlükte dizin ile gösterge sözcüklerinin indeks anlamına geldiği yazılmış. Bunlar sizce uygun mu? Değer sözcüğünü "value" için kullanıyoruz. Bir karmaşa yaratmaz mı?

Mantıksal da bakmak gerekiyor, görselde görmüşsünüzdür 3 tane eksen var matematikde eksenlerin sayısal değerleri olur, buradaki değere indeks de diyebiliriz ama biz genel olarak örneğin matematik'te x'in 3 değerine karşlık y'nin 5 değeri diyebiliyoruz , indeks bence kelime çeviris olarak yanlış olmuyor ama ben türkçe x ekseninin değeri için x ekseni indeks'i demem veya y değeri için y indeks'i demem, ha denilmeli mi ? Orası size kalmış.

Önemli olan nokta şu : Orjinal isimde kullanılan (axis/eksen) kullanılma mantığını Türkçe'mizde gündelik dilde nasıl ifade ediyoruz ?
z-indeks için => kalp
z-değeri için => rocket
oylaması yapalım.

[MustafaSamedYeyin]

tekrar düşündük de dizin daha doğru olur gibi
z-index : $value =>z-dizin: $değer
şeklinde çevrilmesi daha uygun 👍

[volkantash]

Bu durumda index için dizin karşılığından yararlanmak doğru mu, doğru değil mi diye irdelemek ile başlamak gerek.